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.

Membuat Menu Blog Sederhana

Assalamualaikum wr.wb
Kali ini saya akan membagi ilmu tentang cara membuat menu blog sederhana. Mungkin teman-teman dari tadi mencari di google tentang tips ini namun hasilnya kurang memuaskan. Nah, untungnya teman-teman masuk ke blog saya ini.
Sebelum saya lanjut, saya terlebih dahulu berbicara sedikit tentang Menu pada Blog. Menu yang terdapat pada blog memang menjadi kriteria bagi sang blogger agar blognya tampil dengan sempurna dan dengan Menu pada blog mempermudah pengunjung untuk mencari artikel - artikel yang ada di blog kita.
Langsung saja kita praktekin langsung cara Membuat Menu Blog Sederhana :
1. Login pada Blogger.com
2. Pilih Tata Letak/Layout/Rancangan
3. Kemudian pilih Elemen laman
4. Tambahkan Gedget
5. Pilih HTML / JAVA SCRIPT
6. Copy dan paste kode berikut :
<select onChange="document.location.href=this.options
[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://Maduraportal.blogspot.com/"> Madura Portal News </option>
<option value="http://sanatengah.blogspot.com/"> Petotu Ngeblog </option>
</select>
7. Klik Simpan/Save
8. Selesai deh..

Mudah kan ??..
memang tampilan dari hasil ini sangatlah sederhana namun jika kita lebih kreatif lagi kita bisa mengubah scriptnya,,
Sekian..Jangan lupa tinggalkan komentar

9 out of 10 based on 10 ratings. 9 user reviews.