Membuat Blogroll Bergerak

Sahabar blogger pasti udah sering kan liat animasi blogroll yang bisa bergerak ke atas maupun ke bawah pada saat sedang blogwalking? Sebenarnya dulu di blog ini juga pake blogroll bergerak, tapi setelah menimbang dan memikir dengan masak ( ampe telornya udah gosong ehehe…) akhirnya aku menghapus blogroll bergerak dan memasang link teman- teman blogger di halaman tersendiri. Alasannya dulu sih karena kasihan kalo teman-teman yang udah tukeran link, mau liat text link atau banner mereka harus menunggu lama untuk liat bannernya sendiri. Kalau cuma 1 – 10 banner sih mungkin gak lama,, tapi bayangkan aja kalau ada 100 banner,, apa gak kasihan nunggunya tuh hehehehe… Tapi bagi teman-teman yang mau mencoba sih silahkan,, nih aku kasih scriptnya :

<MARQUEE align=”center” direction=”up” height=”100″ scrollamount= “2″ onmouseover=’this.stop()’ onmouseout=’this.start()’ width=”95%” >

“diisi dengan text link atau banner teman-teman blogger”

(misalnya # <a href=”http://tomipurba.net/” target=”new”>tomipurba [dot] net </a></br>)

</marquee>

Penjelasan singkat scriptnya (sepengatuhanku loh hehehe..) yaitu :

  1. align=”center” : tulisan atau bannernya berada di tengah
  2. direction=”up” : banner atau text akan bergerak ke atas,, kalau mau bergerak ke bawah, tinggal ganti aja menjadi “down”
  3. scrollamount= “2″ : kecepatan gerakan, semakin tinggi nilainya, maka semakin cepat bergeraknyaonmouseover=’this.stop() : jika mouse berada di salah satu banner, maka blogroll akan berhenti bergerak
  4. onmouseout=’this.start() : jika mouse udah gak berada di salah satu banner, maka akan bergerak lagi

Udah cukup jelaskan? Kalau belum ya tanya om google aja deh ehehehehe…. Script diatas bisa dipasang di self hosted wordpress, blogspot dan lainnya. Yang pasti letakkan script di widget teman-teman hehehe…

Oke.. sekian dulu postingannya.. Keburu ntar gak bisa upload postingan karena ada maintenance server seperti lagunya Saykoji karena koneksi inet baru gak stabil hehehe

Go GO Blogging.. and Glory-Glory United gegehehe

Publish on November 3rd, 2009 under tutorial by tomi | 25 Comments »
Tagged with:


  1. belajar blog says:

    ntu bwt blogger juga bisa yah mas…??

    tomi Reply:

    bisa broo.. untuk blogger ma wp yang self hosted.. kalo wp yg memakai subdomain blm dicoba ehehehe…

    masuk aja ke bagian tata letak html alias widget
    :6:

  2. ntar saya juga mao coba ahh
    bwt, tuh banner headnya naruto yang anak buah orochimaru yah

    tomi Reply:

    silahkan dicoba broo:4:

    hehehe.. masalah head banner, mungkin ia mungkin enggak,, aku juga gtau bro hehe.. maklum asli dari theme nya hehe,, blm diganti.. :6:
    makasih udah berkunjung

  3. noto says:

    Makasih gan penjelasannya. Wah ternyata Agan ini seorang Coder ya?

    tomi Reply:

    bukan broo.. saya cuma mahasiswa anak teknik aja..
    tapi sedikit² ngerti bhs pemrograman java:4:

  4. Nyubi says:

    mantab infonya sob :)

    tomi Reply:

    makasih bro nyubi :6:

  5. dapatkan backlink gratis (PR 2) dari blog saya

    tomi Reply:

    oke langusng ke TKP broo

  6. Wandi thok says:

    Tanks infonya mas Tomi, aku pengin jane. :4:

  7. Wandi thok says:

    Karena komengku kalao makai ndotcom ngilang, coba ah aku pakai nyang ini, makasih infonya mas Tomi.
    Salam dari

  8. Wandi thok says:

    Makasih infonya mas. Ngilang nggak ya komengku nanti :15: :22:

    tomi Reply:

    enggak lah bro.. ni buktinya ada hehehe :13:
    masa bisa ilang kalau comment di ndotcom? ni kan ndotnet hehehe

    makasih kunjungannya broo:4:

  9. Wandi thok says:

    Salam dari mas, makasih inponya. Mo nyoba dulu yakhrr….. :4:

  10. Aditya says:

    Tips oke neh… terima kasih infonya Mas… Dulu saya pake page baru buat blogroll tapi kasihan teman-teman kalau harus klik page baru (menurut saya lho)… akhirnya saya pasang di sidebar aja biar gampang liatnya….

    Info… Link sudah dipasang Mas… terima kasih sudah bertukar link…

    tomi Reply:

    makasih broo udha mau tukeran link :4:
    saya dulu juga kasih di sidebar broo, tp malah membuat loading lama..
    plus minus antara page atau sidebar broo.. hehehe:13:

  11. thanks Mas Tomi untuk tutorialnya, saya coba dech ntar di blog saya.
    Thnaks juga atas komentar dan kunjungannya di blog saya

    tomi Reply:

    sma² broo :4:
    blognya broo lebih mantep info nya hehe

  12. Thanks Infonya sobat, sangat bermamfaat…

  13. bocorhalus says:

    bro, kalo link nyabnyak gmna..?? link gw kan ad 50 an gtu..
    kalo ditulis 2 satu 2bisa gempor donk..
    :D

    kode sekaligus gag ad yah?

    tomi Reply:

    ada broo.. coba tengok ke blog rismaka [dot] net ya hehee
    beliaua lebih master

  14. asmanu says:

    Ok banget nih bos…mohon ijin mau di coba
    makasih sudah berbagi ilmu …..

    tomi Reply:

    sama² brooo :shakehand2

  15. oreo says:

    thank’s gan infonya..

    aku pasang ya..??!!


Comments are closed.