Membuat Menu Horizontal Sederhana pada Blog

Membuat Menu Horizontal Sederhana pada Blog-Pada kali ini kita akan membahas tentang cara membuat menu horizontal sederhana pada blog kita. Namun, pada postingan sebelumnya saya sudah menambahkan salah satu cara untuk menambahkan menu sederhana pada blog. Tapi, kali ini saya kembali memposting cara lain tentang Membuat Menu Horizontal pada Blog. Dan menurut saya, tampilan menu yang akan di hasilkan oleh script di bawah ini lebih sederhana dan bagus.
Ini contoh hasil dari membuat menu horizontal sederhana pada blog :

Bagaimana cara membuatnya ??langsung saja ke TKP yukk..

1. Login dulu Blogger.com
2. Kemudian pilih rancangan
3. Terus pilih Edit HTML
4. Seteleh kode html muncul cari kode ]]></b:skin> kemudian copy dan paste kode berikut tepat di atas kode tadi
=======================================================================
/* Navigasi tabs Sederhana nainglopa.blogsot.com Starts */
a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:30px; background:#1e90ff; 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.burastabs:hover {color:#FFFFFF; background:#666666;}
#burasbar {width:auto; margin:0 auto;}
/* Navigasi tabs Sederhana Ends */
=======================================================================
5. Setelah itu Save template
6. Kemudian kita pilih elemen laman
7. Terus tambah gedget
8. Kemudian pilih HTML/Java Scipts
9. Lalu copy dan paste code berikut :
=======================================================================
<div id='burasbar'>
<a href="http://nainglopa.blogspot.com" class="burastabs">Home</a>
<a href="#" class="burastabs">Pendidikan</a>
<a href="#" class="burastabs">Unik</a>
<a href="#" class="burastabs">Tips Blog</a>
<a href="#" class="burastabs">Contact</a>
<a href="#" class="burastabs">Sitemap</a>
<a href="#" class="burastabs">Advertise</a>
<a href="#" class="burastabs">Download</a>
</div>
=======================================================================
10. Pilih Simpan
11. Selesai deh..Kemudian lihatlah hasilnya..

Itulah salah satu cara Membuat Menu Horizontal pada Blog..Semoga bermanfaat..

Baca Juga :
http://rajartikel.blogspot.com/2013/05/download-template-gratis-di-miftahus.html
9 out of 10 based on 10 ratings. 9 user reviews.