Kode Menu Blog 2012 Horisontal | Vertikal

Suatu menu memang sangat penting untuk blog, supaya untuk memudahkan pengunjung mencari apa yang diperlukannya dan tinggal klik menu yang kita buat. biar sipengunjung tidak kebingungan lagi. Berikut ini adalah Kode-kode menu untuk blog yang bisa letakkan di bawah header atau dimana saja sesuai keinginan kamu.

1. KODE MENU HORISONTAL

<style type="text/css">
#menuq {
margin:0; padding:10px;}
#menuq a{
display:0;width:100px;border-style:solid;border-width:1px;border-color:#0000FF;background-color:#FF0099;color:#006600;font-family:Georgia;font-size:12pt;font-weight:bold;padding:5px; text-decoration:none;}
#menuq a:hover{
border-width:1px;border-color:#0066FF;background-color:#66FF99;color:#000000;border-Bottom:5px #0066FF solid;text-decoration:none;}
</style>
<div id="menuq"><a href="http://bikarscreativ.blogspot.com" target="_self">Home</a>
<a href="http://bikarscreativ.blogspot.com" target="_blank">Contoh</a>
<a href="http://bikarscreativ.blogspot.com" target="_self">Contoh</a>
<a href="http://bikarscreativ.blogspot.com" target="_self">Contoh</a>
<a href="http://bikarscreativ.blogspot.com" target="_self">Contoh</a></div>

2. KODE MENU VERTIKAL

<style type="text/css">
#menuq {
margin:0; padding:10px;}
#menuq a{
display:block;width:100px;border-style:solid;border-width:1px;border-color:#0000FF;background-color:#FF0099;color:#006600;font-family:Georgia;font-size:12pt;font-weight:bold;padding:5px; text-decoration:none;}
#menuq a:hover{
border-width:1px;border-color:#0066FF;background-color:#66FF99;color:#000000;border-Bottom:5px #0066FF solid;text-decoration:none;}
</style>
<div id="menuq"><a href="http://bikarscreativ.blogspot.com" target="_self">Home</a>
<a href="http://bikarscreativ.blogspot.com" target="_blank">Contoh</a>
<a href="http://bikarscreativ.blogspot.com" target="_self">Contoh</a>
<a href="http://bikarscreativ.blogspot.com" target="_self">Contoh</a>
<a href="http://bikarscreativ.blogspot.com" target="_self">Contoh</a></div>

Tinggal copypas saja kode diatas di HTML/Javascript kamu dan ganti kode berwarna biru tersebut dengan url blog kamu dan dan ganti kode warna merah dengan judul keinginan kamoe untuk perubahan warna background / border tinggal kamu gonta ganti saja....selamat mencuuba....!!

Contohnya :

Home
Contoh
Contoh
Contoh
Contoh