Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Buat menu vertikal pada blog

komentar
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
Nah saya akan memberikan cara pembuatannya pada blog.. 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

Anda bisa mengganti warna yang ada dengan warna yang anda sukai

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

Masukkan kode ini didalamnya

  • Ã�» HOME
  • Ã�» Tutorial Blog
  • Ã�» Bisnis Online
  • Ã�» Free Template
  • Ã�» Handphone
  • Ã�» Komputer


Ganti your blog name dengan nama blog milik anda
Klo sudah klik save


Dari : Tips dan Trick Blog


This post first appeared on Blog Tutorial, please read the originial post: here

Share the post

Buat menu vertikal pada blog

×

Subscribe to Blog Tutorial

Get updates delivered right to your inbox!

Thank you for your subscription

×