Horizontal Menu Black Blogger

Menu navigasi merupakan hal yang essensial bagi para blogger,Apalagi menu navigasi juga merupakan informasi link yang ditujukan untuk para pengunjung blog agar tahu tentang bagian - bagian blog lainnya.Nah diantaranya ada menu navigasi,yaitu horizontal navigation menu.Jika anda seorang bloger yang menggunakan template yang ber bakground black,maka tak ada salahnya untuk mencoba pasang menu navigasi black blogger kali ini.

Nah tertarik untuk pasang menu navigasi ini?jika anda tertarik untuk memasangnya di blog anda sangat mudah.Pertama silahkan login dulu ke akun blogger anda lalu pilih edit HTML karena kita akan mulai utak - atik template kita.Cari tag ]] lalu tambahkan kode di bawah ini pada bagian atasnya.

/*credits : http://konsultasiblogger.blogspot.com -------*/
#tabs11
{
float:left;
width:100%;
font:normal 13px sans-serif;
height:61px;
padding:24px 0 0 0;
background:url('http://i654.photobucket.com/albums/uu264/mastegar/css%20gambar/main-button-tile.
}
#tabs11 ul
{
margin:0;
list-style-type:none;
padding:0;
}
#tabs11 li
{
display:inline;  
margin:0;  
padding:0;  
}
#tabs11 a
{
float:left;
background:url('http://i654.photobucket.com/albums/uu264/mastegar/css%20gambar/gallerybuttons_07.png') no-repeat;
height:37px;
width:109px;
margin:0;
text-decoration:none;
padding:12px 0 0 0;
color:#fff;
text-align:center;
}
#tabs11 a:hover
{
background:url('http://i654.photobucket.com/albums/uu264/mastegar/css%20gambar/gallerybuttons_08.png') no-repeat;
color:#ffff00;
}  

Kemudian simpan template kamu.

Setelah tersimpan kembali lagi ke tata letak halaman untuk tambah widget untuk menambahkan menu navigasi horizontal tersebut.setelah itu klik tambah widget,lalu pilih saja tambah HTML tau Java Script





Jika sudah silahkan simpan menu pada navigasi berikut




<div id="tabs11">
<ul>
<li><a href="http://www.konsultasiblogger.blogspot.com/">Home</a></li>
<li><a href="http://www.konsultasiblogger.blogspot.com">Menus</a></li>
<li><a href="http://www.konsultasiblogger.blogspot.com">Relax</a></li>
<li><a href="http://www.konsultasiblogger.blogspot.com">SEO</a></li>
</ul>
</div>







Selamat menikmati menu navigasi baru anda

Artikel Terkait