cara membuat menu di blogger

Mudahnya Membuat Menu Horizontal Sederhana Pada Blogger

Masih ingat dengan tutorial saya yg membahas tentang cara membuat menu horizontal sederhana pada blog ? kalau belum silahkan baca dulu disini
Pada pertemuan kali ini saya akan memberi turorial tentang menu horizontal lagi , namun beda tampilan . Penampakannya seperti gambar dibawah ini

Bagaimana ? tertarik untuk membuatnya ? . Silahkan ikuti tutorial dibawah ini


1 . Langsung menuju edit HTML
2 . Jangan lupa centang "expand template widget"
3 . Sekarang cari kode ]]></b:skin>
4 . Copas kode dibawah ini dan letakan tepat diatas kode ]]></b:skin>

/* Navigasi tabs Starts */
a.darmantotabs, a.darmantotabs:link, a.darmantotabs:visited {display:block; width:102px; height:30px; background:#444444; border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:bold;color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}
a.darmantotabs:hover {color:#FFFFFF; background:#666666;}
#darmantobar {width:auto; margin:0 auto;}
/* Navigasi tabs Sederhana Ends */

5 . Klik simpan 
Eiits , stepnya belum selesai sampai disitu , sekarang kita menuju edit Tata Letak

6 . Tambah widget HTML Javascript
7 . Copas kode dibawah ini

<!-- Navigasi tabs Starts -->
<div id='darmantobar'>
<a href="#" class="darmantotabs">Home</a>
<a href="#" class="darmantotabs">About</a>
<a href="#" class="darmantotabs">Tutorial</a>
<a href="#" class="darmantotabs">Download</a>
<a href="#" class="darmantotabs">Contact</a>
</div>
<!-- Navigasi tabs Sederhana Ends -->

#NB : Tulisan yg berwarna biru ganti dengan link yg akan dituju . Sementara yg merah ganti dengan judul dari menu horizontalnya

8 . Jika sudah , klik simpan

Oke sekian tutorial kali ini , jika anda mengalami kesulitan silahkan konsultasi di kotak komentar

Sumber : http://www.darmanto.com/