Bikin Kotak Blogroll dengan Marquee

Apa sih kotak blogger itu….?! Mungkin bagi sebagian blogger udah ada yang tahu maksudnya dengan postingan saya yang ini. Tapi…bagi anda yang belum tahu, yang dimaksud dengan kotak blogger disini yaitu suatu kotak tempat menyimpan link blog lain. Intinya setiap blog yang mau tukeran link dengan blog kita sendiri, kita pasang link blog mereka di kotak blogger tersebut. Nah…pada kursus kali ini, ada sedikit variasinya..yaitu dengan menambahkan efek marquee. Bagi yang belum tahu apa itu marquee, baca artikel tentang marquee. Untuk lebih jelasnya mengenai kotak blogger dengan marquee silahkan liat tampilan di bawah ini :
Kursus Blog Free Templates
Bagus ga….?! Ok deh…buat temen2 semua yang pengen pasang kolom blogger seperti diatas, silahkan ikuti langkah2nya di bawah ini :
  • Login di blogger
  • Di jendela dashboard, klik menu layout lalu add new page element di sidebar layout anda. (Cara ini bisa juga dipasang di footer. Intinya terserah temen2 semua mau pasang dimana)
  • Setelah itu, pilih Html/javascript kemudian copy paste kode berikut : <marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" style="border: 1px solid #000; padding: 5px; text-align: center;" width="150px" height="150px"><a href="http://kursus-blog.blogspot.com/" target="_blank">Kursus Blog</a> <a href="http://bloggertemplates-foryou.blogspot.com/" target="_blank">Free Templates</a></marquee> Ket :
    • direction="up" arah dari marquee bergerak keatas. Jika ingin berganti arah, ganti kata "up" dengan "down" (bawah), "left" (kiri) atau "right" (kanan).
    • scrollamount="2" kecepatan bergerak. Semakin besar angkanya, maka semakin cepat pula marquee tersebut bergerak.
    • border:1px solid #000 merupakan deskripsi dari garis kolom. 1px --> tebal garis solid --> type garis. bisa diganti dengan kata dashed (-) atau dotted (.) #000 --> warna garis hitam. bisa diganti sesuai keinginan anda
    • text-align:center Text berada di tengah. Bisa diganti dengan left, right atau justify (rata kiri kanan)
    • width="150px" lebar kolom sebesar 150 pixel. Biar lebih sesuai dengan lebar dimana anda menyimpan marquee, anda tinggal mengganti 150px dengan 100%
    • height="150px" panjang dari kolom marquee. Semakin besar angkanya (dalam pixel), maka semakin panjang pula kolom marquee
  • Save dan Selesai

22 komentar:

  1. nahhh....inie tg Q cari....,, ternyata dipodting jg ..!!! thx !!!

    Mau tanya sekalian... tapi gak berhubungan sm hal ini!!!!... Gini :

    setelah Q utak-atik blog Q wktu di dashboard, pasti kan harus disave yaa.. trs pasti muncul "Your changes have been saved. View Blog" ,,nah trs Q liat hasilnya.yg mw Q tny'in gmn caranya supaya qt gak masuk diweb sendiri sebagai visitor, coz biasanya stlah q liat,,eh sitemeternya nambah satu... dan strusnya..!!! ???

    BalasHapus
  2. blog inie jg udh q pasang link di web Q!!!!

    BalasHapus
  3. @freelyrics-freshmusic : tinggal...setting lagi aja di sitemetrnya, supaya kunjungan owner blog tidak dihitung.

    BalasHapus
  4. yah itu utk blogger beta.utk classic gmn om?

    BalasHapus
  5. Makin rame aja kang. Sukses deh..

    BalasHapus
  6. makasih atas tulisannya ya mas..aku udah coba tapi masukin link2 teman caranya gimana ya mas..tolong dong..

    BalasHapus
  7. berhasil.. berhasil... mantap tutorialnya
    makasihhh

    BalasHapus
  8. Thanks for sharing ur knowledge
    love4animal.blogspot.com

    BalasHapus
  9. thanks mas, tp ada masalah dikit nih, koq tulisan di blogroll marque-nya ga bs ditengah ya, help me

    BalasHapus
  10. Hi Mizwar..tks utk postingannya..sangat bermanfaat..link-nya udah saya add di blog saya..Salam Sukses!!

    BalasHapus
  11. Thanks for your info.
    please visit my web n get free e-book and add blogroll at matakata-ad.com

    BalasHapus
  12. wah benar-benar situs yang keren, gue udah coba resep dari kang mizwar. mula-mula gua ngak brani tapi akhirnya gue nekad dan hasilnya bisa dilihat di blog gue.

    Than's ya Kang, saya mau coba resep baru lagi.;)

    BalasHapus
  13. Salam kenal, Alhamdulillah blogrollnya berhasil, tapi linknya ngk berurutan satu-satu (seperti diatas), tapi dalam sebaris bisa ada 3 link, solusinya? thanks sebelumnya

    BalasHapus
  14. @ibnu : setelah tiap link, kasih tag </br>

    BalasHapus
  15. mas , koo gabisa iaa ? udha dpasang , tapii scroll.a gaa sampai slesai .

    BalasHapus
  16. ditunggu script selanjutnya
    http://www.iprodsign.blogspot.com

    BalasHapus
  17. ini ni yang ku cari..

    hasil info anda bisa diliat di blog saia.

    theblogpacker.blogspot.com...heheu

    BalasHapus
  18. wah makasi bgt ne sob!!!! langsung dicoba dan hasilnya sukses!!! link banner kamu dah aku pasang di blog aku sob... my blog: http://budi-boy.blogspot.com..

    Trims!

    BalasHapus
  19. thanks atas blogroll na?
    link kamu udah ada di blok aku,,
    link balik ya..
    http://zazafy.blogspot.com
    clik ini juga ya?
    http://adf.ly/1Dgs

    BalasHapus
  20. trims mas
    mampir ya :

    http://sayalupablognya.blogspot.com/p/tukarlink-banner.html

    BalasHapus

blogger