kalau pada postingan pertama saya menulis cara membuat menubar di bawah header pada blog coding nya terlalu panjang, kali ini aan akan menulis cara membuat menu pada blog yang mudah dan praktis:
langsung aja eksekusi..
1. Login di blog anda
2. Klik menu Layout
3. Klik Tab Edit HTML
Selanjutnya Anda cari kode dibawah ini, untuk mempermudah pencarian silahkan gunakan CTRL+F
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>
Anda ubah kode showaddelement='no' menjadi showaddelement='yes' , kalau sudah klik simpan ya
Setelah yang pertama sudah disimpan, sekarang klik Page elements / Elemen Laman> Tambah Gadget > HTML/Javascript , copy kode dibawah ini,simpan dan letakan tepat dibawah header.
<a href="http://hidupuntukit.blogspot.com " class="navigation">HOME</a>
<a href="http://hidupuntukit.blogspot.com " class="navigation">CONTACT</a>
<a href="http://hidupuntukit.blogspot.com " class="navigation">BUKU TAMU</a>
<a href="http://hidupuntukit.blogspot.com " class="navigation">FACEBOOK</a>
<a href="http://hidupuntukit.blogspot.com " class="navigation">TWITER</a>
<a href="http://hidupuntukit.blogspot.com " class="navigation">DOWNLOAD</a>
<a href="http://hidupuntukit.blogspot.com " class="navigation">LAIN-LAIN</a>
<a href="http://hidupuntukit.blogspot.com " class="navigation">CHATTING</a>
ket:
ganti lah yang berwarna merah dengan link anda
Hal ketiga adalah supaya menu itu menimbulkan efek warna sehingga menjadi kelihatan menarik.
Klik Tata Letak > Edit HTML , cari kode </b:skin> , agar mudah gunakan tombolCTRL+F
Copy kode dibawah ini dan letakan tepat diatas kode </b:skin> kemudian simpan.
a.navigation {
background: #3333ff ;
color: #ffffff;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}
selamat mencoba dan bermanfaat..
jangan lupa tinggalkan jejak anda dengan berkomentar
sumber: dari berbagai sumber