Cara Membuat Link Blogroll Bergerak

Bagaimana caranya membuat link atau blogroll yang dapat bergerak (dari bawah ke atas, atau sebaliknya) seperti di kanan bawah blog ini?
Link seperti itu selain untuk variasi, juga digunakan agar menghemat tempat.

Cara membuatnya cukup mudah.
Pada bagian yang ingin digunakan untuk meletakkkan blogroll tersebut (kalau di template baru letakkan di page element ‘HTML/Javascript’), letakkan kode:

<marquee onmouseover=”this.stop()” onmouseout=”this.start()” direction=”up” width=”300″ height=”250″ scrollamount=”2″ align=”center”>

xxxx
xxxx
xxxx

</marque>

Lalu,
# untuk nilai width dan height bisa diubah disesuaikan dengan keinginan.
# untuk direction, up: untuk bergerak naik, down: bergerak ke bawah.
# bagian xxxx:
isikan kode-kode link di situ.
Misalnya:

<a href=”http://blog.umy.ac.id/tutorialblogging/”>Tutorial’s Blogging</a>.
<a href=”http://blog.umy.ac.id/tutorialblogging/”>Tutorial</a>.
<a href=”http://blog.umy.ac.id/tutorialblogging/”>Buku Blog</a>.
dan seterusnya.

Jika menggunakan link dari Oggix, ya letakkan kode link Oggix di situ, tapi sebelumnya di Oggix pilih dulu yang untuk horisontal.

Contoh jadi:
<marquee onmouseover=”this.stop()” onmouseout=”this.start()” direction=”up” width=”300″ height=”250″ scrollamount=”2″ align=”center”>

<h2>Teman-teman:</h2>
<a href=”http://blog.umy.ac.id/tutorialblogging/“>Tutorial’s Blogging</a>.
<a href=”http://blog.umy.ac.id/tutorialblogging/“>Tutorial</a>.
<a href=”http://blog.umy.ac.id/tutorialblogging/“>Buku Blog</a>.

</marque>

baca juga artikel lain:

- tutorial blogging
- memilah dan memilih judul dengan google keyword tools
- pengertian keyword
- mengoptimalkan seo
- search engine optimization
- situs komunitas blogger
- microblogging
- cara membuat link blogroll bergerak
- cara membuat photoblog
- membuat readmore pada blogger
- memasang kalender cantik
- posting artikel blogger via email
- membuat link field di blogger
- free template
- cara mengganti template

3 Responses to “Cara Membuat Link Blogroll Bergerak”

1. tigis3 says:

   September 28, 2011 at 12:35 pm

   siip! tengkyu

   Reply
   • yoga permana kusumah says:

     September 29, 2011 at 4:09 pm

     sama2

     Reply
2. Ari says:

   February 13, 2012 at 7:34 am

   trim atas tutorialnya, jika cara membuat recent post pada wordpres yang letaknya di widget dengan gambar gimana mas?

   Reply