Horizontal menu black blogger
Minggu, 24 Mei 2009Menu 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.
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
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 -------*/Kemudian simpan template kamu.
#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.jpg') repeat-x;
}
#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;
}
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
Posted in
Blogging stuff
|
0 comments:
Posting Komentar
Silahkan komentar di blog dofollow ini.Boleh berkomentar asal jangan spam ( Tidak sesuai dengan isi blog )Untuk komentar yang cuma Spam dan sedikit terpaksa saya Hapus ^_^