Sunday, October 04, 2009

Cara Membuat Blogroll Scrolling Otomatis & Blogroll Scrolling Manual

  

Saat ini sedang tren Blogroll di blogspot, kalau kalian blog walking maka akan ditemui ada blogger yang memasang gadget blogroll ini untuk menarik pengunjung/ pembaca, good trick.

Walaupun sebenarnya Blogroll ini ada beberapa kekuranganya terutama yang mengunakan metode scrolling Otomatis, yaitu : 

1. Ketika anda memiliki banyak link text/banner yang ditambahkan ke dalam Blogroll, yang posisi link/ banner terletak dibawah akan lama terlihat.

2. Bila sudah kebanyakan banner di blogroll akan berpengaruh pada loading blog.


Berikut ini 2 metode Blogroll yang sering kita temukan pada blogspot.

1. Blogroll Scrolling Otomatis.

Dari bawah bergerak ke atas, ada juga juga yang dari kanan bergerak ke kiri atau sebaliknya


LINK BANNER
wong284

LINK TEXT
A
Nama Blog 1
Nama Blog 2
B
Nama Blog 3
Nama Blog 4
C
Nama Blog 5
Nama Blog 6
--- END ---

Ini kodenya.

<marquee direction="up" onmouseover="this.stop()" width="300" onmouseout="this.start()" scrollamount="2" height="100"> <br/> <center> <br/><b>LINK BANNER</b><br /> <br/> <a href="#"><img alt="ecaknyo" width="150" src="http://images.cooltext.com/953583.gif" height="15" /></a> <br/><br /> LINK TEXT<br /><br /> A <br /> <a href="#">Nama Blog 1</a><br /> <a href="#">Nama Blog 2</a><br /> B <br /> <a href="#">Nama Blog 3</a><br /> <a href="#">Nama Blog 4</a><br /> C <br/> <a href="#">Nama Blog 5</a><br /> <a href="#">Nama Blog 6</a><br /> <b>--- END ---</b> </center>


Keterangan.

Scroll Amount : Atur nilai ini untuk membuat gerakan scrolling menjadi cepat atau lambat, semakin besar nilainya maka semakin cepat gerakan scrolling nya
# : URL blog.
Alt : Isi saja dengan nama blog.
Img src : URL image banner
Width : Menentukan lebar banner.
Height : Menentukan tinggi banner.


Cara membuatnya sbb :

1. Login blogger > Tata letak.

2. Add Gadget > Html / Javascripts > Copy paste kode di atas dan simpan.

3. Reload blog, kemudian lihat tampilannya di blog anda.


Contoh kode html banner + link.

 <a> href="URL Blog"><img src="URL Logo Blog" alt="Judul/Nama Blog" width="150" height="15"/></a>


Contoh kode html link text.

 <a> href="URL Blog">Judul/ Nama Blog</a>




2. Blogroll Scrolling Manual.


Kodenya.

<br /> <b>LINK BANNER</b> <br /> <a href="http://images.cooltext.com/953583.gif"><img src="URL Logo Blog" alt="Judul/Nama Blog" height="15" width="150" /></a> <br /> <br /> LINK TEXT <br /> A <br /> <a href="URL Blog">Nama blog 1</a> <br /> <a href="URL Blog">Nama blog 2</a> <br /> <br /> B <br /> <a href="URL Blog">Nama blog 3</a> <br /> <a href="URL Blog">Nama blog 4</a> <br /> <br /> C <br /> <a href="URL Blog">Nama blog 5</a> <br /> <a href="URL Blog">Nama blog 6</a> <br /> <br /> <b>--- END ---</b> </center>


Cara pengerjaannya sama seperti yang sudah saya jelaskan sebelumnya.
Tips. Silahkan modifikasi blogroll sesuai keinginan anda.


Selamat Mencoba!.

59 comments:

  1. keren mas
    saya jadi mau pasang nih

    ReplyDelete
  2. wih keren sob... terus berkarya...

    ReplyDelete
  3. BERGANTI KOMENTAR TP SAYA SUKA BANNERYANG SIAP PAKAI LIHAT DEH LINK BOX SAYA ISI SEKALIAN AJ NAMA WEB KM GRATIS GA BERBAYAR...

    ReplyDelete
  4. This comment has been removed by the author.

    ReplyDelete
  5. alhamdulillah.. makasih y mas , sudah berhasil ni pake tips n triknya.. hehee...
    tetep semangat :)

    ReplyDelete
  6. thanx you tricknya, ku dah nyoba, great !!!, salam kenal

    ReplyDelete
  7. @ Aristiadi : coba aja sob.. ;-)

    @ Akhatam : okay.. thx sob :-)

    @ Ndafender : gw udah pernah coba Link Box sob..tpi Link Box itu mempunyai batas Simpanan Max. 30 Link.. :-)

    @ Inspirasi Pemuda : okay sob.. sama2

    @ Beginner : siip..iya dwong SEMANGAT..hihihi ;-)

    @ Jerimau : Manteb Sob.. berhasil ya pasang Blogroll-nya.. :-)

    ReplyDelete
  8. langsung ke TKP dan di coba,. maksi info nya shobat,.,.

    ReplyDelete
  9. @ Rant Rchel : Okay sob.. silahkan di coba & di oprek2 scripts Blogroll-nya.. ;-)

    ReplyDelete
  10. thanks ya mas tas saranya..... aq coba neh...]

    ReplyDelete
  11. @ Kandang Tips : emg gampang sob.. :-)

    @ Dedi SuwanDi : silahkan dicoba Dedi.. ;-) Good Luck

    ReplyDelete
  12. thanks yaa sdh mau bagi2 ilmunya gratis...

    ReplyDelete
  13. makasih tipsnya mas ! langsung dipraktekin diblog sendiri ! oh iya sekalian tukeran link'y mas !!

    ReplyDelete
  14. ;) thks infonya ... kunjung balik ya agungngurah.com

    ReplyDelete
  15. Terima kasih atas tutorialnya. kebetulan saya ingin membuat yang seperti ini di blog baru saya. Salam kenal utk semuanya... Piss :)

    ReplyDelete
  16. artikel bagus
    udah aq praktekin gan...

    ReplyDelete
  17. Sob tanx atas tipsnya,oke juga scrolling blogrollnya,aku udah pasang linknya.mantaaaaab

    ReplyDelete
  18. terima kasih, udah nambah skill

    ReplyDelete
  19. wah sip boz
    tapi ko pake table juga ya.kirain kalo pake div ntar nda pake table

    ReplyDelete
  20. Sofyan Ats Tsaury > thx sob.. gyahahahaha

    IGNORAMUS > iya sob.. mengumpulkan recehan pahala ini namanya bukan dolar .. wkwkwkk

    RIZKI AGUNG PAMBUDI > berhasil yaa.. siiip.. ntar wa mampir kalo sempat yaa.. oke

    dody > oke.. silahkan sj.. ntar wa pasang linknya..

    agung ngurah > sama2 gan..

    Rudy > salam kenal.. :-)

    dniel > siiip... ;-)

    anto > berhasil jg yaaa.. mudahkan.. ;-) ..oke dech

    subkhan > silahkan sob..Subkhan

    Al Marzuqi > oke.. ntar wa pasang sob

    BANG ADHIE > sama2 sob..

    sigit super > hehehe.. pintar2 aj sob ngakalinnya..

    ReplyDelete
  21. thx sob tipsnya
    it's work :>

    ReplyDelete
  22. MAKASIH GAN INFONYA, KU UDAH COBA DAN HASILNYA BAGUS. TRIMS YOOO

    ReplyDelete
  23. Bima85 > siip :)

    Skydrugz > thx :)

    Ami Junior > baguslah kalo berhasil ;)

    ReplyDelete
  24. Thx infonya. Mau aye coba biar ruang buat blogroll-nya ga makan tempat

    ReplyDelete
  25. Tawon Republik > kalo gk mw makan t4 tinggal atur aj widht & height widget blogrollnya gan.. :)

    ReplyDelete
  26. makasih inponya
    berguna banget
    ;))

    ReplyDelete
  27. Mantabh, sob boleh tukar link?
    link blog anda sudah ditempel di blogroll saya, cekidot aja sob. thnx.

    ReplyDelete
  28. Annisa > syukurlah kalo emg berguna.. dpt pahala gw..dpt temen jg yg jd sering mampir nyari tutor di blogku ini... hehe

    Health lifestyle > siiip.. oke xchange LINK..

    ReplyDelete
  29. Wah nambah ilmu baru nich buatku, boleh dicoba nich pada blog ku. Makasih sob buat postingan nya.

    ReplyDelete
  30. komeng ah ( biar nyimpen jejak , hehheheh siuuuuuuttttttttttttttt :)) mo coba ah ~x( :-t

    ReplyDelete
  31. Hadi > oke..silahkan disave dulu gan.. :)

    Aguy Rspd > kagak muncul kan smiley-nya?.. :D hehe... tpi utk sementara smiley komentar-nya gw ilangin dulu gan... krn bermasalah dg widget google friend connect gw.. aneh kan ?.. ini ja masi gw investigasi lebih lanjut..

    ReplyDelete
  32. Bro, mo ikutan tuker link nih, blognya sudah sy pasang di sini, thanks bro.

    ReplyDelete
  33. Automotive and finance blog > oke... siiip.. ;)

    ReplyDelete
  34. mantap nih artikelnya, thanks tutorialnya, nantilah saya pasang, agak rumit (hehehe... lemot sayanyah)

    ReplyDelete
  35. @Free Paid

    baguslah kalo langsung kepasang.. :D

    ReplyDelete
  36. @Daeng Rompa

    gi lemot ya...sama dong... so di save aj dulu tutornya gan..

    ReplyDelete
  37. bagus tutorialnya dan sudah dicoba buat ... hasilnya tolong di link back yach ...
    Banner anda dah terpasang rapi di blog saya http://derazino.blogspot.com/

    ReplyDelete
  38. mas.. neh klo di taruh di wordpress kok ga mau jalan yakk??
    pas saya save, scriptnya ada yg ilang

    neh yg ilang.. n ada beberapa lagi yg ilang. ane coba cari juga neh.. tapi pas ane save lagi tetep ilang. apa emg ga bisa ya di taruh di wordpress???

    apa musti di blogspot doank yakk???

    ReplyDelete
  39. @fashinjo:

    di wordpress emg gk bisa.. ini utk blogspot gan.. :)

    ReplyDelete
  40. mkasih atas infonya.., lngsung dicoba

    ReplyDelete
  41. ok makasih
    blogroll ane udah waktunya di rombak
    hihi

    ReplyDelete
  42. andi wong,gimana caranya membuat web tpi masih blogger yg pokonya persis seperti blog ecaknyo.blogspot.com ?
    apa harus ke www.freedomain.com dulu ya ???
    TOLONG DI JAWAB CEPAT YA

    ReplyDelete
  43. andi wong,gimana caranya mengganti blogger ke web tpi g cuma nama nya saja tpi. persis kayak blog ecaknyo.blogspot.com ??
    apa harus di www.freedomain.com dulu ya ??
    TOLONG DI JAWAB CEPATNYA..!!!
    SAYA LAGI BUTUH CEPAT NIH

    ReplyDelete
  44. makasih infonya ganmm
    mampir blog ane ea,,,lab-handphone.blogspot.com

    ReplyDelete
  45. langsung dipraktekin nech,. thanx gan sharing tipsnya,..
    oh ya,.. kalo mo buat blogroll yang di roll news, maksudx list blog teman itu di rolling, tergantung yang paling baru masuk di blog kita,.jadi stiap saat bisa berubah.. caranya gmana gan,. ada beberap blog yang ai liat seperti itu,.

    ReplyDelete
  46. Thank Gan........??!

    http://sauzy.blogspot.com

    ReplyDelete
  47. makasih tutorialnya gan, sangat bermanfaat sekali buat saya

    ReplyDelete
N.B.
1. Berkomentarlah dengan sopan.
2. Dilarang membuat spam, terutama yang mengandung SARA/ Pornografi/ Judi dan Iklan.