Langkah - langkah membuat menu
dibawah header blog adalah :
1. Masuk ke dashboard Blogspot, lalu ke menu Rancangan >> Edit HTML, centang ' Expand Template Widget'
2. Cari kode seperti dibawah atau cari yang mirip (CTRL+F , cara cepat untuk mencari kode).
1. Masuk ke dashboard Blogspot, lalu ke menu Rancangan >> Edit HTML, centang ' Expand Template Widget'
2. Cari kode seperti dibawah atau cari yang mirip (CTRL+F , cara cepat untuk mencari kode).
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='x-Demo (Header)' type='Header'>
<b:includable id='main'>
ganti maxwidgets='1' menjadi 2 atau lebih dan showaddelement='yes'>
3. Jika sudah selanjutnya sobat cari kode ]]></b:skin> ( gunakan Ctrl+f )
4. 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>
Perhatikan kode yang di cetak tebal, untuk kode merah adalah warna yang tampiannya bisa sobat ganti dengan kode warna html.
Kemudian tebal hitam adalah size jarak antar menunya bisa sobat rubah jika ingin merubahnya.
5. Save template lalu klik Elemen Laman atau klik rancangan.
6. kemudian klik tambah gadget >> pilih HTML/JavaScript
7. Copykan kode berikut kedalam kotak tersebut
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" align="center" width="100%" height="60">
<a href="http://mursiditompak.blogspot.com/ " class="navigation">HOME</a>
<a href="http://mursidipetani.blogspot.com/" class="navigation">PETANI</a>
<a href="http://lawang.org/ " class="navigation">PASAR TANI</a>
<a href="http://www.facebook.com/mursi.di2 " class="navigation">FACEBOOK</a>
<a href="http://sppqt.or.id/ " class="navigation">SPPQT</a>
<a href="http://lsd-sppqt.blogspot.com/" class="navigation">FORUM LSD</a>
<a href="http://mursiditarubatang.blogspot.com/ " class="navigation">FOTO-FOTO</a>
<a href="http://wikimapia.org/#lat=-7.4940023&lon=110.4767816&z=19&l=0&m=b&search=lsd%20setyo%20tunggal " class="navigation">PETA RUMAH</a>
<a href="http://mivo.tv/home.php " class="navigation">TV STREAMING</a>
<a href="http://mursiditompak.blogspot.com/2011/12/rangkaian-nama-bayi.html" class="navigation">NAMA BAYI</a>
<a href="
" class="navigation">LAIN-LAIN</a>
</marquee>
Ganti yang berwarna biru dengan keinginan nama menu. dan warna merah alamat menu.
7. SAVE lalu lihat hasilnya..

Tidak ada komentar:
Posting Komentar