Cara Membuat Navigasi pada Blog
1. Login ke blogger
2. Masuk ke Tata Letak >> Edit HTML
3. Cari kode ]]></b:skin> gunakan ctrl + F agar lebih mudah lalu paste-kan kode berwarna merah di bawah ini tepat di atas kode ]]></b:skin>
2. Masuk ke Tata Letak >> Edit HTML
3. Cari kode ]]></b:skin> gunakan ctrl + F agar lebih mudah lalu paste-kan kode berwarna merah di bawah ini tepat di atas kode ]]></b:skin>
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;}
a.burastabs:hover {color:#FFFFFF; background:#666666;}
#burasbar {width:auto; margin:0 auto;}
4. Save. Setelah Itu
5. Masuk ke Elemen Laman >> Tambah Gadget >> HTML Javascript
6. Paste-kan kode script di bawah
5. Masuk ke Elemen Laman >> Tambah Gadget >> HTML Javascript
6. Paste-kan kode script di bawah
<div id='burasbar'>
<a class='burastabs' href='paste-kan url halaman di sini#'>Home</a>
<a class='burastabs' href='paste-kan url halaman di sini#'>About</a>
<a class='burastabs' href='paste-kan url halaman di sini#'>About</a>
<a class='burastabs' href='paste-kan url halaman di sini#'>Tutorial</a>
<a class='burastabs' href='paste-kan url halaman di sini#'>Widget</a>
<a class='burastabs' href='paste-kan url halaman di sini#'>Mobile</a>
<a class='burastabs' href='paste-kan url halaman di sini#'>Facebook</a>
<a class='burastabs' href='paste-kan url halaman di sini#'>Twitter</a>
<a class='burastabs' href='paste-kan url halaman di sini#'>Advertise</a>
</div>
7. Sekarang anda tinggal men-copy url halaman yang ingin ditampilkan pada tulisan yang berwarna biru di atas. Sobat bisa menambah atau mengurangi tab yang ingin ditampilkan di navbar dengan cara menghapus satu baris atau menambah satu baris yang ada di antara kode <div id='burasbar'> dan </div>
Tulisan yang berwarna hijau boleh diganti sesuai keinginan sobat.
Jika semua sudah OK, Tinggal Di Save
Selamat mencoba dan Semoga Berhasil
Tidak ada komentar:
Posting Komentar