Cara Membuat Link Blogroll Berjalan Dengan Efek Marque

Link blogroll biasa di panggil link teman alias alamat web/blog teman. Bagi teman yang sudah pada tukaran link pasti dah punya link blogrol duonx, bagi yang belum segera buat text area untuk sarana tukaran link. Agar link blogroll kita tampil lebih menarik coba saja link blogrollnya dibikin animasi berjalan/bergerak.

Cara Membuat Link Blogroll Berjalan Dengan Efek Marque cukup mudah kok yaitu pakai merkuri. Berikut cara membuat link blogroll berjalan dengan efek marque dan scroll yang akan saya jelaskan satu persatu biar sobat lebih jelas lagi dan bisa mempraktekkan cara membuatnya...

Cara Membuat Kotak Blogroll dengan Efek Marque :

1. Login ke dashboard blogger anda.

2. Pilih Rancangan > Elemen Halaman > Add gadget (HTML/JavaScript).

3. Copy script di bawah ini dan paste pada gadget.

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" align="center" height="200" width="100%">
<a style="color: rgb(255, 255, 255);" href="http://wrzegger.blogspot.com/"></a><a style="color: rgb(255, 255, 255);" href="http://wrzegger.blogspot.com/"><img src="http://images.cooltext.com/2404530.gif" alt="SmartOnline" height="41" width="158" /></a><a style="color: rgb(255, 255, 255);" href="http://wrzegger.blogspot.com/"></a><li><a href="http://wrzactha.blogspot.com/" target="new">Tips Bloging</a></li>
<li><a href="http://wrzegger.blogspot.com/" target="new">Info Teknologi</a></li>
<li><a href="http://wrzegger.blogspot.com/" target="new">Artikel Komputer</a></li>
</marquee>

4. Hasilnya akan terlihat seperti ini:

Tips Bloging

Info Teknologi

Artikel Komputer

Berikut keterangan dari kode HTML diatas :

onmouseout="this.start()" --> text akan bergerak jika pointer tidak diarahkan ke text
direction="left" --> text akan bergerak ke atas. Bisa diganti dengan down, left, atau right.
align="center" --> text rata tengah
scrollamount="2" --> kecepatan bergerak (makin besar angka berarti makin cepat)
height="100px" --> batas vertikal marquee.
onmouseover="this.stop()" --> marquee akan berhenti ketika mouse diarahkan ke zona marquee tersebut.
width="200px" --> batas horizontal marquee.

5. Edit linknya sesuai dengan link blogroll sobat kemudian Simpan (Save).

Posted in: Tips Bloging