Membuat Vertikal Menu

Yuk ikuti langkah-langkah berikut:

Langkah Pertama:

1. Login ke account Blogger –mu
2. Klik Layout atau Tata Letak
3. Pilih Edit HTML
4. Cari kode ]]>
5. Silahkan copy script dibawah ini, letakkan diatas kode ]]>

   #vertikal-kuning{

   border-bottom-width: 0;
   }

   #vertikal-kuning ul{
   margin: 0;
   padding: 0;
   font: normal 90% ‘Trebuchet MS’, ‘Lucida Grande’, Arial, sans-serif; /*pemilihan bentuk huruf */
   }

   #vertikal-kuning a{
   display: block;
   padding: 3px 0;
   padding-left: 9px;
   width: 200px; /*lebar */
   text-decoration: none; /*agar link tidak bergaris bawah */
   color: #333222; /*warna huruf */

   border-right:1px solid #000000; /*warna border samping kanan */
   background-color: #FBEC04;
   border-bottom: 1px solid #6A6731;
   border-left: 7px solid #918C3B;/*warna border samping kiri*/
   }

   #vertikal-kuning a:hover {
   background-color: #FAF6B9; /*warna background */
   }

   #vertikal-kuning div.menutitle{
   color: white;
   border-bottom: 1px solid black;
   padding: 1px 0;
   padding-left: 5px;
   background-color: black;
   font: bold 90% ‘Trebuchet MS’, ‘Lucida Grande’, Arial, sans-serif;
   }

6. Simpan Template

Langkah Kedua:

1. Kemudian klik pada “Add Gadget” atau “Tambah Gadget“.
2. Lalu pilih “HTML/Javascript“
3. Kemudian masukkan script berikut ini kedalamnya.
   CSS Library

   Kata Bintang-Mu
   Kata Shio-Mu
   Astrologi
   Ramalan
   Hiburan
   Tes Pasangan-Mu
   

   UniQue Template

   Tambah Penghasilan-Mu
   Ramalan Bisnis
   Tutorial Blogger Pemula
   

4. Simpan

View post: 
Membuat Vertikal Menu

Possibly Related Posts:

• 15 extension Google Chrome Untuk Para Web Developer
• Trik Membuat Forum Gratis dengan Informe.Com
• Domain Gratis DOT COM atau NET
• Recent Posting yang indah dengan Thumbnail Widget untuk Blogger
• Bagaimana menukar icon Favicon di Blog/Web template