Dropdown Menu

Untuk pengguna Designer / Simple Template.

1. Pergi ke Dashboard > Design > Page Elements > Add a gadget > HTML Javascript.

2. Copy semua code di bawah ni dan pastekan dalam petak HTML Javascript yang terbukak tadi.

</center><form action="http://www.myspacegens.com/handler.php?gen=redirect" method="post"><select name="url" style="width: 150px; height: 20px; font-size: 12px; background-color: #ffffff; color: #2e2e2e; border: 1px solid #2e2e2e;">

<option value=" URL LINK KORANG " />Home?<option value=" URL LINK KORANG " />Stuff?<option value=" URL LINK KORANG " />About?<option value=" URL LINK KORANG " />Site?</select> <input type="submit" style="border-width: 1px; border-color: #ffffff; font-family: Trebuchet MS; color: #ffffff; background-color: #fc99c8;" value="Go!" /></form></center>

3. Save dan View Blog. Kalau still tak puas hati, bolehla edit semula.

Bagi pengguna Classic Template / Blogskins.

1. Pergi ke Dashboard > Template > CTRL+F code temat korang nak letak gadget ni.

2. Copy semua code di bawah ni dan pastekan di tempat yang korang nak tadi.

</center><form action="http://www.myspacegens.com/handler.php?gen=redirect" method="post"><select name="url" style="width: 150px; height: 20px; font-size: 12px; background-color: #ffffff; color: #2e2e2e; border: 1px solid #2e2e2e;">

<option value=" URL LINK KORANG " />Home?<option value=" URL LINK KORANG " />Stuff?<option value=" URL LINK KORANG " />About?<option value=" URL LINK KORANG " />Site?</select> <input type="submit" style="border-width: 1px; border-color: #ffffff; font-family: Trebuchet MS; color: #ffffff; background-color: #fc99c8;" value="Go!" /></form></center>

3. Preview blog. Kalau still tak puas hati, bolehla edit semula.

Dah siap. Kan senang. Just use your own creativity :))

Energy Saving Mood

1 - Pergi ke Dashboard - Design - Page Elements - Add a gadget - HTML Javascript

2 - Copy & pastekan code ni di dalam kotak HTML tersebut .

<script src='http://www.vincentcheung.ca/jsencryption/jsencryption.js' type='text/javascript'></script><script type="text/javascript">if (window.jstiming) window.jstiming.load.tick('headEnd');</script>
<!-- save your energy --><script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script><!-- save your energy end --><script type='text/javascript'></script><script type='text/javascript'>

3 - Save saja :D

P/s : Jangan gerakkan cursor selama beberapa ketika untuk melihat perbezaannya !

P/ss : Menjadi ? Tekan la like (:

Favicon

#1 - Pergi ke Dashboard - Design - Edit HTML

#2 - Dari </head>

#3 - Dah? Then, copy dan paste'kan code dekat atas code </head> tadi.

<link href='URL GAMBAR' rel='shortcut icon' type='image/x-icon'/>

Yang warna merah tu, awak gantikan la dengan URL gambar yg awak nak. Awak boleh cari dekathttp://glitter-graphics.com/ . Sana banyak gambar yang comel'comel :)

#4 - Siap? Save je :]

One more tutorial coming up :3

Hide Navbar

1 - Pergi ke Dashboard - Design - Edit HTML

2 - Search /* Variable definitions

3 - Dah ? Copy code nieh .

#navbar-iframe {
   display: none !important;
}

4 - Pastekan code nieh dekat atas  /* Variable definitions tadi .

5 - Save saja

P/s : Menjadi ? Tekan la like (:

Update Box

#1 - Pergi ke Dashboard - Design - Page Elements

#2 - Tekan Add a Gadget - HTML/Javascript

#3 - Copy and pastekan code nie dekat situ :]

<div style="Background-image:url(URL GAMBAR); repeat; padding: 5px; border:1pxsolid #fff0f2;"><center><marquee>TEXT</marquee></center></div>

Violet - URL background. Buat masa sekarang, saya guna background yang senior sekolah saya post dekat blog. Kalau nak tengok, silakan pi dekat blog akak Husna :]
Purple - Itu untuk border. Tukarlah ikut suka ya.
Bold - Di situ untuk letak pesanan. Ok sampai sekarang saya tak tukar-tukar --' LOL.

#4 - Dah siap? Save saja :]

Sidebar Title

Assalamualaikum. Hari neh aku buad tutorial lagy. Tutorial ni di request oleh seorang Anonymous dekat Formspring. Dah alang-alang tuh. Baik la aku ajar semua tentang sidebar title dalam satu tutorial sekali. Ta payah la aku na ulang menda yang sama. Harap korang faham yee :)

Semua tutorial neh hanya menggunakan satu panduan iaitu, pergi ke Dashboard - Design - Edit HTML - Search h2 {

#1 = Customize title font.

1 - Pastekan code neh dekat bawah h2 {

font-family: Jenis FONT di sini;

2 - Preview. Then SAVE :)

#2 = Background at title post.

1 - Paste code neh dekat bawah h2 {

background:url(URL Image) repeat;

padding: 0.7em;

Warna merah = boleh didapati di Photobucket & Flickr dengan cara mengambil Direct Link gambar tuh.

Warna purple = Itu keluasan background title tersebut. Makin besar angka, makin besar la keluasan background tu.

2 - Preview. Then SAVE :)

#3 = Borders

1 - Paste code neh dekat bawah h2 {

Semua border sekali

border: 2px solid #000000;

Satu-satu border

border-top: 2px solid #000000;

border-bottom: 2px solid #000000;

border-left: 2px solid #000000;

border-right: 2px solid #000000;

*semua aku dah bagi. korang tinggal pilih je

Warna biru = Ketebalan border.

Bold = Jenis border.

(dotted, dashed, solid, groove, ridge, inset, outset)

Warna purple = Warna border.

 2 - Preview. Then SAVE :)

#4 = Rounded corners around title.

1 - Paste code neh dekat bawah h2 {

Untuk Google Chrome

-webkit-border-radius: 5px;

Untuk Mozilla Firefox (semua border sekali gus)

-moz-border-radius: 10px;

(Satu satu)

-moz-border-radius-bottomright: 10px;

border-bottom-right-radius: 10px; 

 Bold = Itu kadar kebesaran rounded corner nye. Makin besar angka, makin besar la rounded-corner nya. *ayat teruk xD

Warna merah = Itu template rounded-corner tu. Boley pilih sama ada :

topright / top-right

bottomright / bottom-right

topleft / top-left

bottomleft / bottom-left

 2 - Preview. Then SAVE :)

That's it. Kalau ada pape yang aku tau lagi, aku akan update nanti. Cya ^^

Blockquote

This is Blockquote

 1 - Pergi ke Dashboard --> Design --> Edit HTML.

2 - Search .post blockquote {

Takde? Sila pastekan code neh dekat atas ]]></b:skin>

.post blockquote {
padding: 6px;
margin:1em 20px;
{

3 -  Mau letak URL background? Pastekan code neh dekat dalam code .post blockquote { tady.

background:url(URL IMAGE) repeat;

Cuma mahukan warna sahaja? Copy code ni & pastekan dekat bawah .post blockquote { tadi. 

background: #ffffff;

Ingat! Pilih salah satu sahaja!

4 - Nak border? Pastekan code neh dekat bawah .post blockquote { tady.
Border: 2px solid #000000;
Warna merah = Ketebalan border.
Warna purple = Jenis border
(dotted, dahsed, solid, double, groove, ridge, inset, outset)
Bold = Tukarkan warna mengikut kesesuaian korang

5 - Nak rounded-corners macam aku punya? Ikut step neh.

Untuk Google Chrome (semua sekali)
-webkit-border-radius: 5px;

Untuk Mozilla Firefox (semua border sekali gus)
-moz-border-radius: 10px;

(satu-satu)
-moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
    border-bottom-right-radius: 10px;
-moz-border-radius-topleft: 10px;
    border-bottom-left-radius: 10px;

 Bold = Itu kadar kebesaran rounded corner nye. Makin besar angka, makin besar la rounded-corner nya xD *teruk punya ayat :P

6 - Sudah? Sila preview dulu, kalau jady silalah save :)

Cara menggunakannya : Highlight perkataan/ayat then tekan "Quote" seperti ni.