Rocky santoso- Cara Membuat Vertical Menu , Hehe mungkin agan belum atgu Vertical Menu
Itu Seperti apa , tapi yang perlu diketahui vertical menu itu keren sob
klik muncul dia kebawah kita klik yang lain mucul lagi ke bawah dan
yang kita klik tadi menutup , kita juga bisa memilih menu mana yang mau
kita masukin ke vertical menu ini .
- Masuk ke dasboard blogger lo > Template > Edit HTML
- cari kode ]]></b:skin> pencet tombol F3 kalo gak CTRL + F masukin kodenya ntar ketemu
- masukan kode berikut ini diatas kode ]]></b:skin>
- Klik Save Template
/*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;
}
---------------------------------*/
.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;
}
Kode Yang Berwarna Hijau #000000 adalah backgroundnya ganti sesuka anda
Dan Kode #737373 adalah kode warna setelah link menu dklik
Dan Kode #737373 adalah kode warna setelah link menu dklik
- Selanjutnya Anda Pilih Tata Letak
- Add Gadget | Tambah Gadget Masukan kode ini
<ul class="vertikalmenu">
<li><a href="/">» HOME</a></li>
<li><a href="http://your blog name.blogspot.com">» Menu1</a></li>
<li><a href="http://your blog name.blogspot.com">» Menu 2</a></li>
<li><a href="http://your blog name.blogspot.com">» Menu 3</a></li>
<li><a href="http://your blog name.blogspot.com">» Menu 4</a></li>
<li><a href="http://your blog name.blogspot.com">» Menu 5</a></li>
</ul>
Dan your blog name ganti dengan nama blog lo atau yang mau lo jadiin menunya
Dan Menu nya ganti sesuai Menu Kamu Sekian Wassalam
Semoga Bermanfaat Kurang Jelas Komentarnya Ditunggu
Dan Menu nya ganti sesuai Menu Kamu Sekian Wassalam
Semoga Bermanfaat Kurang Jelas Komentarnya Ditunggu
Tidak ada komentar:
Posting Komentar