Home » » Kode Menu Blog 2012 Horisontal | Vertikal

Kode Menu Blog 2012 Horisontal | Vertikal

Selamat datang di blog Aswani Comey, Berikut ini akan saya berikan informasi mengenai: Kode Menu Blog 2012 Horisontal | Vertikal Semoga bermanfaat untuk kita semua.


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 :




Terimakasih telah mengunjungi Blog Aswani Comey ini, dan membaca postingan mengenai : Kode Menu Blog 2012 Horisontal | Vertikal semoga bermanfaat :)