Kode CSS:
/* Navigasi tabs Sederhana herbal84.com Starts */Kode HTML:
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 */
<!-- Navigasi tabs Sederhana http://herbal84.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 -->
Sebelumnya copy & edit terlebih dahulu kode HTML di atas. Ganti # dengan URL yg dikehendaki. Ganti juga Home, Blog Tips, SEO Tips, dan seterusnya dengan anchor text yg diinginkan. Untuk menambah atau mengurangi tab, copy/tambahkan atau hapus bagian <a href="#" class="burastabs">Anchor Text</a> di atas </div>.
Cara Membuat Menu Horizontal Tabs Sederhana di Blogger/Blogspot:
1. Masuk ke Dashboard > Design/Rancannga > Edit HTML.
2. Copy kode CSS di atas,
4. Cari ]]></b:skin> (cari dengan Ctrl + F) & letakkan/paste Kode CSS tepat di atasnya. 5. Save Template.
6. Masuk ke Page Elements > Klik Add a Gadget
7. Setelah pop up window muncul, pilih opsi HTML/Javascript
8. Masukkan Kode HTML yg telah diedit tadi pada kolom seperti contoh berikut:
9. Klik save.
10. Drag/geser widget menu horizontal tersebut ke bawah/atas header (letakkan pada slot gadget) dan save lagi. DOnE!
http://casiooriginal84.blogspot.com/2013/01/casio-standard-mtp-1326.html
ReplyDeleteI Like Your Artikel.. good Posting
ReplyDeletetank,,,moga bisa membantu,,,
Deleteselamat malam..tutorial menu oke,simple,tapi kok pake edit html,kalau gk pake edit html jadi tambah sip nih...tapi oke kok buat referensi..flash banner nya oke tuh...sukses blognya...
ReplyDeleteiy ada juga seh yg gak pakek edit html yaitu pakek flashvortex, tapi kurang menarik,,,saya lebih suka yg ini simpel
ReplyDeleteartikel yang sangat bagus.
ReplyDeletesangat bermanfaat sekali, terimakasih banyak
sama2 moga bermanfaat////
Deletekunjungan siang.. panas sekali hari ini..
ReplyDeleteyg penting gak panas hatinya gan,,,hehehhe
Deleteyang bikin gak ridho nih,,
ReplyDeletegak ridho gmn se gan? kan indah kl bisa saling berbagi....
Deletethanx ya gan, kunbalx di gubug reotku y.. :)
ReplyDeletetrims bwt infonya
ReplyDeletenice info gan, perlu dicoba nih. Salam kenal ya :-)
ReplyDeletedi kanan kiri menu ada garis nya . .gmna ngilanginya om..:)
ReplyDeletemakasih gan pencerahannya.. ditunggu posting yg lainnya..
ReplyDeleteApakah cara ini bisa diaplikasikan pada blog yg sdh ada postingannya spt blog saya www.ruangusahabunda.blogspot.com?
ReplyDeleteMin, kode CSS itu yang gimana ya?
ReplyDeleteMengapa kami senang berkunjung di blog ini, karena selalu ada artikel yang menarik dan berkualis seperti ini? salam sukses
ReplyDeletejangan lupa kunjungi blog ane gan kalo mau tau cara belajar bahasa inggris cuman sharing aja klok ada yang lebih tau bisa tinggalkan komentar :
ReplyDeletehttps://mrawanengl.blogspot.co.id/
Permainan poker online adalah permainan yang banyak sekali di gemari banyak orang di seluruh dunia , maka dari itu tunggu apa lagi ayo bergabung bersama kami sekarang juga dan raih bonus yang kami berikan agen poker terpercaya di setiap harinya dan menangkan puluhan juta rupiah bersama kami dengan mudah , kami tunggu ya bosku :)
ReplyDeletePermainan taruhan judi poker online adalah sebuah hobi yang dianggap beresiko untuk sebagian orang, tetapi jika meraka bisa menempatkan nya secara tepat pada agen terpercaya maka bermain taruhan judi poker bisa dianggap profesi yang memberi keuntungan besar. Permainan taruhan judi poker online lebih di minati…
ReplyDeleteqiu qiu online