Bagaimana Cara membuat Menubar di blog..? Sobat sudah pada tahu menubar itu apa kan..? Menubar adalah sebuah kotak tab/bar yang isinya berupa navigasi link. Fungsi menubar yaitu untuk menyimpan link-link penting di suatu blog, supaya pengunjung dapat lebih mudah mengunjungi halman-halaman utama yang mereka inginkan di blog Anda .
Berikut ini adalah langkah – langkahnya
1.Login ke akun Blogger ente :
3. Klik EDIT HTML
4. Sekarang Cari Kode </head>agar mudah dalam pencarian tekan Ctrl + F
5. Letakan kode di bawah tepat di atas kode </head>
8. Klik Tambahkan Gadget dan pilih 'HTML/Javascript
.
<style type='text/css'>
#tabs28 { float:left; width:100%; background:#fff; font-size:93%; line-height:normal; border-bottom:1px solid #DD740B; }
#tabs28 ul { margin:0; padding:10px 10px 0 50px; list-style:none; }
#tabs28 li { display:inline; margin:0; padding:0; }
#tabs28 a { float:left; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_p7j7HufeeZPpkE24vExQk-34ILviR4ICkZnvt75cbVB2MYCLNBeJ20F0sEu_mTIfwT4V5CmfizD-t-WPLqOHYnfhXVrizmFG2mFU3MLO6eSVSKLPgu2fbGaZirHjP_QN3vM6VQU279NK/s1600/slide-left.gif")
no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; }
#tabs28 a span { float:left; display:block; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe9YvUGtgqUSSHqSIasPpaURupzUWItuO0ekUsBOdIAGHIfa8qnk9qNJl71hCuYnpyBHQfOcd-ZYwnuse-Wj-N5Xedi4ZfZZzqkuLEIkFpPHA6P_az_uRTWm_bOKpKzp7x5ZQRvv0ryeDR/s1600/side-right.gif")
no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; }
#tabs28 a span {float:none;} #tabsI a:hover span { color:#FFF; } #tabs28 a:hover { background-position:0% -42px; }
#tabs28 a:hover span { background-position:100% -42px; }</style>
.
9. Letakan script html di bawah ini di kolom yang disediakan. (Ingat, untuk kolom judul gadget tidak perlu diisi)
<div id="tabs28">
.
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Link 1</span></a></li>
<li><a href="#"><span>Link 2</span></a></li>
<li><a href="#"><span>Link 3</span></a></li>
<li><a href="#"><span>Link 4</span></a></li>
<li><a href="#"><span>Link 5</span></a></li>
<li><a href="#"><span>Link 6</span></a></li>
</ul>
</div>.
10. Klik Simpan < SAVE>
Catatan : ganti tanda # dengan alamat URL
ganti Link 1 – Link 8 dengan nama menu yang anda inginkan,
Semoga Bermanfaat..!
EmoticonEmoticon