Ads (728x90)

Latest Post

Kesehatan

Tips


Bang Zendy - 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 .
http://zendyhafitra.blogspot.com/2013/02/cara-membuat-vertical-menu.html

  1. Masuk ke dasboard blogger lo > Template > Edit HTML
  2. cari kode ]]></b:skin>   pencet tombol F3 kalo gak CTRL + F masukin kodenya ntar ketemu
  3. masukan kode berikut ini diatas kode ]]></b:skin>
  4. /*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;
    }
  5. Klik Save Template
Kode Yang Berwarna Hijau #000000 adalah backgroundnya ganti sesuka anda
Dan Kode #737373 adalah kode warna setelah link menu dklik

  1. Selanjutnya Anda Pilih Tata Letak
  2. 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

Post a Comment