Langkah - langkah membuat menu dibawah header blog adalah :
- Masuk ke dashboard Blog sobat, lalu ke menu Rancangan >> Edit HTML, centang '
- Cari kode seperti dibawah atau cari yang mirip (CTRL+F , cara cepat untuk mencari kode).
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
ganti maxwidgets='1' menjadi 2 atau lebih dan showaddelement='yes'> - Jika sudah selanjutnya sobat cari kode ]]></b:skin>
- Hapus kode tersebut dan ganti dengan kode dibawah ini.
a.navigation {
background: #3333ff ;
color: #ffffff ;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}
]]></b:skin>
Keterangan :
- Perhatikan kode yang di cetak tebal, untuk kode merah adalah warna background
- Kode warna biru adalah warna tulisan
- Silahkan diganti dengan warna yang sobat inginkan. Untuk melihat kode warna HTML-nya, silahkan kunjungi Situs Berikut.
- Save template lalu klik Elemen Laman atau klik rancangan.
- Kemudian klik "tambah gadget" kemudian pilih "HTML/JavaScript"
- Copykan kode berikut kedalam kotak tersebut
<a href="http://sae497.blogspot.com " class="navigation">HOME</a>
<a href="http://dia497.blogspot.com/ " class="navigation">DIARY</a>
<a href="http://situsdownloadgamegratis.blogspot.com/ " class="navigation">GAME</a>
<a href="http://gce8632natarian.blogspot.com/ " class="navigation">GCE</a>
<a href="http://tt497.blogspot.com/ " class="navigation">TT</a>
Keterangan : Ganti yang warna merah dengan URL menu, dan warna biru adalah nama menu. - SAVE lalu lihat hasilnya..!?
0 komentar:
Posting Komentar