Cara membuat Menu Bar super keren Di Blogspot atau Website

01.55


Cara membuat  Menu Bar super keren Di Blogspot atau Website 
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>

.
<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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_p7j7HufeeZPpkE24vExQk-34ILviR4ICkZnvt75cbVB2MYCLNBeJ20F0sEu_mTIfwT4V5CmfizD-t-WPLqOHYnfhXVrizmFG2mFU3MLO6eSVSKLPgu2fbGaZirHjP_QN3vM6VQU279NK/s1600/slide-left.gif&quot;) no-repeat left top;   margin:0;   padding:0 0 0 5px;   text-decoration:none;   }

#tabs28 a span {   float:left;   display:block;   background:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe9YvUGtgqUSSHqSIasPpaURupzUWItuO0ekUsBOdIAGHIfa8qnk9qNJl71hCuYnpyBHQfOcd-ZYwnuse-Wj-N5Xedi4ZfZZzqkuLEIkFpPHA6P_az_uRTWm_bOKpKzp7x5ZQRvv0ryeDR/s1600/side-right.gif&quot;) 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>
.


8. Klik Tambahkan Gadget dan pilih 'HTML/Javascript

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..!

My name is Chandra Iwan, I want to share crack software for all visitors to my blog, and everything you can get for free. please contact me if there is a broken link or you need a password. Thanks guest

Previous
Next Post »