Tutorial : Scroling image for banner.
Sunday 25 November 2012
Assalamualaikum. Tutorial ini telah direquest oleh sahabat saya. Masing-masing ada banner blog sendiri tak? Ada tak main tukar-tukar banner blog dengan rakan dan letak dekat sidebar? Pernah tengok tak blog orang yang ada banner pada sidebar tu, apabila kita click banner itu, ia akan redirect ke blog pemilik banner tersebut kan? Okay, tutorial itulah yang saya nak buat hari ini.
Tahu tak macam mana nak buat begitu? Ikut tutorial dibawah :
1. Dashboard
→ Template
→ Edit Template HTML.
2.Cari codes sidebar anda. Tahu sidebar? Ruangan yand berada ditepi post itu.
3. Contoh codes sidebar ;
<div class="sidebar">
<div class="h1">Banners</div><br>
4.Paste codes dibawah ini dibawah codes sidebar anda.
<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>
</marquee>
5. Warna-warna diatas mewakili :
Arah pergerakan gambar : boleh ditukar kepada up, down dan right.
Kelajuan pergerakan gambar : boleh ditukar kepada nombor lain. Semakin tinggi nilai semakin laju.
link untuk dibuka: link yang hendak dibuka apabila gambar diklik.
url gambar: url gambar yang hendak dipamerkan.
6. Siap? Preview dulu baru save. DONE!
Tutorial : Scroling image for banner.
Sunday 25 November 2012
Assalamualaikum. Tutorial ini telah direquest oleh sahabat saya. Masing-masing ada banner blog sendiri tak? Ada tak main tukar-tukar banner blog dengan rakan dan letak dekat sidebar? Pernah tengok tak blog orang yang ada banner pada sidebar tu, apabila kita click banner itu, ia akan redirect ke blog pemilik banner tersebut kan? Okay, tutorial itulah yang saya nak buat hari ini.
Tahu tak macam mana nak buat begitu? Ikut tutorial dibawah :
1. Dashboard
→ Template
→ Edit Template HTML.
2.Cari codes sidebar anda. Tahu sidebar? Ruangan yand berada ditepi post itu.
3. Contoh codes sidebar ;
<div class="sidebar">
<div class="h1">Banners</div><br>
4.Paste codes dibawah ini dibawah codes sidebar anda.
<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>
</marquee>
5. Warna-warna diatas mewakili :
Arah pergerakan gambar : boleh ditukar kepada up, down dan right.
Kelajuan pergerakan gambar : boleh ditukar kepada nombor lain. Semakin tinggi nilai semakin laju.
link untuk dibuka: link yang hendak dibuka apabila gambar diklik.
url gambar: url gambar yang hendak dipamerkan.
6. Siap? Preview dulu baru save. DONE!
