Untuk membuat menu horizontal pada blog anda gak perlu repot - repot tinggal pake coding dibawah ini. Anda khususnya pemula blog pasti bertanya menu hozontal yang seperti mana yaaa ??? heheh lebih kurang seperti gambar disamping.
langsung aja peraktekkan coding dibawah ini dijamin MUDAH . . .
langsung aja peraktekkan coding dibawah ini dijamin MUDAH . . .
Kode CSS:
/* Navigasi tabs Sederhana www.blogger-paluta.blogspot.com Starts */
a.burastabs, a.burastabs:link, a.burastabs: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.burastabs:hover {color:#FFFFFF; background:#666666;}
#burasbar {width:auto; margin:0 auto;}
/* Navigasi tabs Sederhana Ends */
a.burastabs, a.burastabs:link, a.burastabs: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.burastabs:hover {color:#FFFFFF; background:#666666;}
#burasbar {width:auto; margin:0 auto;}
/* Navigasi tabs Sederhana Ends */
Kode HTML:
<!--
Navigasi tabs Sederhana www.blogger-paluta.blogspot.com Starts -->
<div id='burasbar'>
<a href="#" class="burastabs">Home</a>
<a href="#" class="burastabs">About</a>
<a href="#" class="burastabs">Blog Tips</a>
<a href="#" class="burastabs">SEO Tips</a>
<a href="#" class="burastabs">Contact</a>
<a href="#" class="burastabs">Sitemap</a>
<a href="#" class="burastabs">Advertise</a>
</div>
<!-- Navigasi tabs Sederhana Ends -->
<div id='burasbar'>
<a href="#" class="burastabs">Home</a>
<a href="#" class="burastabs">About</a>
<a href="#" class="burastabs">Blog Tips</a>
<a href="#" class="burastabs">SEO Tips</a>
<a href="#" class="burastabs">Contact</a>
<a href="#" class="burastabs">Sitemap</a>
<a href="#" class="burastabs">Advertise</a>
</div>
<!-- Navigasi tabs Sederhana Ends -->
---------------------------------------------------------------------------------------------------------------
Cara pakai :
Cari kode ]]></b:skin> dan pastekan tepat diatas nya
kode CSS diatas
Dan kode Html diatas letakakn pada
penambahan gadget html dan javascript pada blog anda.
Artikel Terkait
Tips blog
- Bisnis Online Dapatkan Saham Gratis Di GLOBALLSHARE Buruaann . . . !
- Membuat Widget melayang cocok untuk banner
- Membuat tombol melayang share twitter, facebook,stumbleupon dan google pada blogspot
- Membuat Tombol Back To Top Menggunakan JavaScript Pada Blogspot
- Membuat profil admin dibawah postingan blogspot
- Membuat overflow pada blogspot
- Menampilkan semua judul pada label tertentu
- Menampilkan Judul Postingan Saja Pada Blogspot
- Menampilka judul posting saja ketika label di klik
- Membuat menu full down pada blogspot
- Membuat daftar isi pada blogspot
- Membuat menu vertikal pada blogspot
- Menampilkan judul postingan saja pada arsip dan label blogspot
- Membuat scroll pada widget
- Menyembunyikan Navbar Blogspot
- Cara membuat alexa rank pada blog
- Cara membuat meta tag pada blog
0 komentar:
Silahkan tinggalkan komentar sobat dan dapatkan backlink satu arah langsung ke blog sobat dengan widget top komentator yang saya pasang di sidebar blog ini. Caranya dengan menjadi pemberi komentar terbanyak di blog ini, tapi mohon jangan Nyepam ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.