Cara Membuat Incredible Black Horizintal Manu

Menu Horizontal ini pada dasarnya sama dengan menu horizontal lainnya, namun hanya berbeda dari warna dan aktive mouse over yang lumayan cantik yang disertakan. Anda bisa lihat sendiri nantinya beberapa keunggulan yang ditawarkan. Sekarang mari kita bahas cara membuat incredible black horizontal menu. Ikuti langkah berikut.\

Log in ke blog anda
Klik Rancangan
Klik Tambah Gadget
Pilih HTML/JavaScript
Masukkan kode berikut ke dalamnya

<style>

#tabs-blogonol{float:left; width:100%; background:#000; font:bold 7.5pt Verdana; line-height:normal}
#tabs-blogonol ul{margin:0; padding:10px 10px 0 50px; list-style:none}
#tabs-blogonol li{display:inline; margin:0; padding:0}
#tabs-blogonol a{float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRgK_5IW5tJQ_jlfjOjd6XQTCmNHhEG2jNf9wWcun2y9sh8D1SV1UzP0AdmwISHuBLMAV8vSVEnwF602nmpnqZ3wO_hNlakXhGoglkQr0Z4H6JvjWdhYhhzK-1oos4JOjqoBHa7tuRb5o/s1600/tableftH.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none}
#tabs-blogonol a span{float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSYGqnAQk-TYTayStw7XYdRcPuF1Re81T_TIr-IfnVH0ald4KL5AZdQYfPbshY0V0i4NOlHF__gA3YulM0MUmifY4ZqndAPnAzgdXZiEan6xMd1tfDgCI1OIoEhckayKKbnyfFmt9ZbwQ/s1600/tabrightH.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF}
#tabs-blogonol a span{float:none}
#tabs-blogonol a:hover span{color:#FFF}
#tabs-blogonol a:hover{background-position:0% -42px}
#tabs-blogonol a:hover span{background-position:100% -42px}
</style>
<div id="tabs-blogonol">
<ul>
<li><a href="MASUKKAN ALAMAT LINK ANDA DI SINI" target-"_blank"><span>JUDUL 1</span></a></li>
<li><a href="MASUKKAN ALAMAT LINK ANDA DI SINI" target-"_blank"><span>JUDUL 2</span></a></li>
<li><a href="MASUKKAN ALAMAT LINK ANDA DI SINI" target-"_blank"><span>JUDUL 3</span></a></li>
<li><a href="MASUKKAN ALAMAT LINK ANDA DI SINI" target-"_blank"><span>JUDUL 4</span></a></li>
<li><a href="MASUKKAN ALAMAT LINK ANDA DI SINI" target-"_blank"><span>JUDUL 5</span></a></li>
<li><a href="MASUKKAN ALAMAT LINK ANDA DI SINI" target-"_blank"><span>JUDUL 6</span></a></li>
<li><a href="MASUKKAN ALAMAT LINK ANDA DI SINI" target-"_blank"><span>JUDUL 7</span></a></li>
</ul>
</div>

Silahkan gantitulisan merah dab biru sesuai petunjuk
Semua link akan terbuka di new tab atau jendela baru. Jika anda ingin mempertahankan membuka di jendela yang sama, hilangkan kode target="_blank" maka link akan terbuka di same window (jendela yang sama)

Sekarang klik Simpan dan lihat hasilnya
Selamat mencoba dan sukses selalu

"keep spirits and do the best"