Buat Vertical Menu

Vertikal Menu merupakan pilihan menu yang biasa dipakai pada website-website yang mempunyai banyak pilihan menu di dalamnya, vertikal menu berbentuk pilihan menu yang turun kebawah jika kita sentuh dengan menggunakan mouse kita.. dengan kita menggunakan vertikal menu ini maka kita akan dapatkan pilihan menu yang banyak untuk blog kita ikuti caranya dan langkah-langkah nya dengan seksama,

Masuk ke Akun Blogger Anda dan pilih layout terus cari Edit HTML Masukkan kode CSS ini di atas kode ]]></b:skin> /*Vertikal Menu ---------------------------------*/ .vertikalmenu{ list-style-type: none; margin: 0; padding: 0; width: 180px; /* lebar dari menu vertikal*/ } .vertikalmenu li{ border-bottom: 1px solid white; } .vertikalmenu li a{ background: #000000 ; /*warna dari menu vertikal*/ font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana; display: block; color: white; width: auto;

padding: 5px 0; text-indent: 8px; text-decoration: none; border-bottom: 1px solid black; } .vertikalmenu li a:visited, .vertikalmenu li a:active{ color: white; } .vertikalmenu li a:hover{ background-color: #737373; /*warna setelah pointer diarahkan (hover)*/ color: white; border-bottom: 1px solid black; } Kemudian SAVE Anda bisa mengganti warna yang ada dengan warna yang anda sukai Selanjutnya pilih Page Element dan kli add Page element pilih lagi HTML/java Script Masukkan kode ini didalmnya <ul class="vertikalmenu"> <li><a href="/"> HOME</a></li> <li><a href="http://your blog name.blogspot.com"> Tutorial Blog</a></li> <li><a href="http://your blog name.blogspot.com"> Bisnis Online</a></li> <li><a href="http://your blog name.blogspot.com"> Free Template</a></li> <li><a href="http://your blog name.blogspot.com"> Handphone</a></li> <li><a href="http://your blog name.blogspot.com"> Komputer</a></li> </ul> Ganti your blog name dengan nama blog milik anda Klo sudah klik save