Cara Membuat Menu secara Vertikal dengan Mudah

Pada kaLi ini kiTa akan ngebahas Vertikal Menu. SeBelum kita ke TKP, qt harus tau duLu naMa.na Vertikal MeNu. Vertikal Menu adalah 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

Langsung aja yah.. ikuti caranya dan langkah-langkah nya dengan seksama, dengan anda mengikuti pastinya anda tidak akan mendapatkan kesulitan dalam pengeditan kode CSS nya

Masuk ke Akun Blogger Anda dan pilih layout terus cari Edit HTML

Masukkan kode CSS ini di atas kode ]]>

/*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

TruZ, KaMu juga bisa ganTi Warna.na dengan WarNa FavoriTe kamu ...

Selanjutnya pilih deh Page Element dan klik add Page elemnet pilih lagi HTML/java Script

MasuKkan lah koDe iNi ke daLaM.na