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:
    03/11/2009 at 19:23

    ntu bwt blogger juga bisa yah mas…??

    tomi Reply:
    November 3rd, 2009 at 19:46

    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. Action Figure Toy says:
    03/11/2009 at 19:24

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

    tomi Reply:
    November 3rd, 2009 at 19:49

    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:
    04/11/2009 at 07:30

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

    tomi Reply:
    November 4th, 2009 at 12:58

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

  4. Nyubi says:
    04/11/2009 at 09:26

    mantab infonya sob :)

    tomi Reply:
    November 4th, 2009 at 12:59

    makasih bro nyubi :6:

  5. Berbagi Informasi says:
    04/11/2009 at 09:28

    dapatkan backlink gratis (PR 2) dari blog saya

    tomi Reply:
    November 4th, 2009 at 13:02

    oke langusng ke TKP broo

  6. Wandi thok says:
    05/11/2009 at 00:29

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

  7. Wandi thok says:
    05/11/2009 at 00:32

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

  8. Wandi thok says:
    05/11/2009 at 00:39

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

    tomi Reply:
    November 5th, 2009 at 07:46

    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:
    05/11/2009 at 00:42

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

  10. Aditya says:
    05/11/2009 at 09:09

    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:
    November 5th, 2009 at 10:26

    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. beni oktopiansah says:
    07/11/2009 at 10:02

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

    tomi Reply:
    November 7th, 2009 at 13:02

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

  12. Bukan Sekedar Blogger Bertuah says:
    14/04/2010 at 21:21

    Thanks Infonya sobat, sangat bermamfaat…

  13. bocorhalus says:
    09/05/2010 at 09:09

    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:
    June 9th, 2010 at 14:34

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

  14. asmanu says:
    09/06/2010 at 14:12

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

    tomi Reply:
    June 9th, 2010 at 14:38

    sama² brooo :shakehand2

  15. oreo says:
    22/01/2011 at 21:36

    thank’s gan infonya..

    aku pasang ya..??!!


Comments are closed.