Monday, 9 April 2012

Cara Membuat Kotak Scroll Otomatis di Blog

Cara Membuat Kotak Scroll Otomatis di Blog

Sobat blogger yang sudah lama nge-blog mungkin sudah tahu cara membuat kotak scroll otomatis di blog (tulisan berjalan dari bawah keatas otomatis), tapi bagi blogger pemula/newbie mungkin banyak yang belum tahu cara membuat scroll otomatis ini. Biasanya, ini digunakan untuk daftar link exchange (tukar link). Contohnya sebagai berikut :








Nama Blog 1
Nama Blog 2
Nama Blog 3
dst

Gimana? tertarik?
Mau tau langkah membuat nya?
Intip langkah-langkah sebagai berikut :
Caranya gampang kok, tinggal masukkan kode javascript berikut ini

<div><center><table border="1" width="180" cellpadding="2" height="100"><tbody><tr><br /><td align="left"><br /><marquee direction="up" onmouseover="this.stop()" width="180" onmouseout="this.start()" scrollamount="2" height="100"><br/><center><b><br/>

LETAKKAN GAMBAR ATAU TULISAN DISINI

</b></center></marquee></td></tr></tbody></table></center></div>

Keterangan :
- Masukkan javascript tadi di tab "Edit HTML" bukan di "Compose"
- Merah : agan bisa ubah arah scroll (up = bawah ke atas, down = atas ke bawah)
- Biru : agan bisa ubah lebar (width) dan tinggi (height) kotaknya
- Hijau : agan bisa ubah posisi text nya (left = kiri, center = tengah, right = kanan)
- Kuning : agan bisa ubah kecepatan scroll nya, makin besar angka, makin cepat scroll nya.

Mungkin hanya itu yang saya bisa share, nanti lain kali saya akan share tutorial blogger lainnya. Terima Kasih!