PPC Iklan Blogger Indonesia
English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Cara Membuat Menu Navigasi di Bawah Header Blog

Assalamu'alaikum…
Ini dia trik yang sering dicari-cari sobat blogger (Heuheu….sok tau!). Aku akan mencoba berbagi ilmu yang aku dapatkan dari teman blogger juga, dari pada aku pendam aja, iya kan?? Ok langsung aja kita ikuti langkah demi langkah demi tercapainya tujuan yang mulia kita, heu…
1. Login dahulu ke account blogspot sobat.
2. Klik "Page Element" & Klik "Edit HTML"
3. Centangkan "Expand Widget Templates"
4. Copy kode dibawah ini dan letakkan tepat diatas kode ]]>



.glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(http://i730.photobucket.com/albums/ww306/gozhilaq/Menu-background-1.gif) repeat-x; /*tab background image path*/
height: 46px;
list-style: none;
}
.glossymenu li{
float:left;
}
.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 11px;
font-weight: bold;
padding:0 0 0 16px; /*Jangan Dirubah kode Jarak ini*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
.glossymenu li a b{
float: left;
display: block;
padding: 0 20px 0 8px;
}
.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(http://i730.photobucket.com/albums/ww306/gozhilaq/Menu-kiri.gif) no-repeat;
background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
color: #fff;
background: url(http://i730.photobucket.com/albums/ww306/gozhilaq/Menu-kanan.gif) no-repeat right top;
}


5. Lalu copy code di bawah ini dan letakkan tepat di atas kode






Pada teks yang berwarna Kuning sobat isi url tujuan yang di inginkan.
Pada teks yang berwarna biru sobat isi dengan judul sesuai dari tujuan dari link tersebut.
Contoh :
  • TutoriaL Blog



  • Dan seterusnya.....
    Nah, kalo ada pertanyaan, gimana biar warna menu sesuai dengan yang kita inginkan? Gampang banget sobat, kalian hanya perlu mengganti kode berwarna hijau dengan kode-kode dobawah ini sesuai dengan selera sobat. Jangan sampai salah taruh ya, sesuaikan dengan kode masing-masing.

    No comments:

    Post a Comment