Okey... Di Malam Takbir Idul Adha Ini, Admin Akan Share Sebuah Trick Blogger. Yaitu Cara Membuat Navigasi Tab Sederhana Di Blogger. Dari Judulnyapun Sudah Terbaca, Bahwa Trick Ini Akan Sesederhana Mungkin. Berikut Materi Lengkapnya :
- Login Ke Blogger.
- Masuk Ke Edit HTML > Lanjutkan.
- Cari Kode ]]></b:skin>. Gunakan CTRL+F Agar Mudah.
- Copy Kode Berikut. Lalu Paste Tepat Di Atas Kode ]]></b:skin>.
/* Navigasi tabs Sederhana 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 */ - Pratinjau. Jika Tidak Error, Simpan.
- Sekarang Masuk Ke Tambah Gadget > HTML/JavaScript
<!-- Navigasi tabs Sederhana 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 --> - NB : Ganti Tulisan Berwarna Biru, Dengan Link Navigasi(Label) Anda. Juga Ganti Tulisan Berwana Merah, Dengan Tulisan Navigasi Tab Yang Ingin Anda Tampilkan.
- Simpan. Lalu Cek.
0 komentar:
Posting Komentar