Membuat Link Atau Teks Dengan Efek Marquee

Cara membuat teks / link dengan efek marquee di blog- Kali ini saya akan berbagi tentang salah satu Tips blogging buat sobat bloggers. Tips blogging kali ini adalah tentang cara membuat link / teks dengan efek marquee atau efek berjalan pada blog. Untuk membuatnya cukup mudah dan sederhana, tidak menggunakan kode-kode HTML yang rumit. Anda dapat menggunakan efek marquee pada kumpulan link / blogroll sehingga dapat menghemat tempat di blog anda. Untuk pemasangannya, anda dapat memasangnya didalam postingan atau pada widget blog anda.

Berikut ini contoh-contoh efek marquee :


>> Teks bergerak dari kiri ke kanan

<marquee align="center" direction="right" height="100" scrollamount="3" width="100%">

LETAKAN LINK ATAU TEKS ANDA DISINI<br />
<a href="http://uzumaki-lovers.blogspot.com/">Uzumaki Lovers</a><br />

</marquee>

      Keterangan :
  • align="center"        =>   Adalah perataan teks/link anda
  • direction="right"      =>   Adalah arah gerak teks/link. Dapat diganti dengan left, up, atau down
  • height dan width     =>   Adalah tinggi dan lebar marquee area
  • scrollamount="3"     =>   Adalah kecepatan gerak teks/link, semakin besar angkanya maka semakin cepat gerakannya

Hasilnya :

LETAKAN LINK ATAU TEKS ANDA DISINI
Uzumaki Lovers





>> Teks bergerak dengan efek bolak-balik ke kanan-kiri

Caranya sama seperti diatas, hanya anda perlu menambahkan behavior="alternate"
<marquee align="center" direction="right" height="100" scrollamount="5" width="100%" behavior="alternate">

LETAKAN LINK ATAU TEKS ANDA DISINI<br />
<a href="http://uzumaki-lovers.blogspot.com/">Uzumaki Lovers</a><br />

</marquee>
Hasilnya :

LETAKAN LINK ATAU TEKS ANDA DISINI
Uzumaki Lovers



>> Teks bergerak ke atas dengan tambahan warna background

Anda perlu menambahkan bgcolor="ISI DENGAN WARNA YANG ANDA INGINKAN", misalnya bgcolor="lightgreen"
<marquee align="center" direction="up" height="100" scrollamount="3" width="50%" bgcolor="lightgreen">

LETAKAN LINK ATAU TEKS ANDA DISINI<br />
<a href="http://uzumaki-lovers.blogspot.com/">Uzumaki Lovers</a><br />

</marquee>
Hasilnya :

LETAKAN LINK ATAU TEKS ANDA DISINI
Uzumaki Lovers




>> Teks bergerak dan berhenti jika ditunjuk dengan mouse
Anda perlu menambahkan onmouseover="this.stop()" onmouseout="this.start()". Coba arahkan mouse anda ke tulisan link  dibawah dan lihat apa yang terjadi.. :D
<marquee align="center" direction="up" height="100" scrollamount="3" width="50%" onmouseover="this.stop()" onmouseout="this.start()">

ARAHKAN MOUSE ANDA KESINI<br />
<a href="http://uzumaki-lovers.blogspot.com/">Uzumaki Lovers</a><br />

</marquee>
Hasilnya :

ARAHKAN MOUSE ANDA KESINI
Uzumaki Lovers


:: Berikut ini langkah-langkah memasangnya :

1. Login ke akun blogger anda

2. Untuk memasangnya didalam postingan blog, klik New Post, lalu pilih HTML mode, setelah itu letakkan salah satu efek marquee yang diinginkan. Sedangkan untuk memasangnya pada widget, klik Design >> Page Element >> New Gadget >> Pilih yang HTML Javascript, lalu letakkan efek marquee yang diinginkan.

3. Klik Publish atau Save

Sekian artikel saya mengenai Cara Membuat Efek Marquee Pada Link / Teks. Semoga artikel ini bemanfaat..
Posted by Uzumaki-Lover at 16.06
Labels: , ,

48 komentar:

  1. linux indonesia tutorial10 Desember 2011 pukul 00.57

    Bagus gan tutorialnya...

    BalasHapus
  2. Uzumaki-Lover10 Desember 2011 pukul 18.58

    Terima kasih mas,, semoga bermanfaat. Btw kok ketika meletakan comment di blog anda tidak bisa mengetikkan kode verifikasi captchanya ya ..? :-/

    BalasHapus
  3. tautanpena11 Desember 2011 pukul 09.17

    Pena hadir dan absen pagi sobat...makasih nih bagi-bagi tipsnya

    BalasHapus
    Balasan
    1. IBU HARMI15 Januari 2014 pukul 09.00

      saya atas nama egi dari malaysia ingin mengucapkan banyak terimah kasih kepada MBAH KABOIRENG,kalau bukan karna bantuannya munkin sekaran saya sudah terlantapernaah terpikirkan oleh saya kalau saya sdh bisa sesukses ini dan saya tdk menyanka klau MBAH KABOIRENG bisa sehebat ini menembuskan semua no,,jika anda ingin seperti saya silahkan hubungi MBAH KABOIRENG no ini 082322212111 saya yakin anda tdk akan pernah menyesal klau sudah berhubungan dgn MBAH KABOIRENG dan jgn percaya klau ada yg menggunakan pesan ini klau bukan nama EGI dan bukan nama MBAH KABOIRENG krna itu cuma palsu. KLIK TOGEL JITU DISINI




      saya atas nama egi dari malaysia ingin mengucapkan banyak terimah kasih kepada MBAH KABOIRENG,kalau bukan karna bantuannya munkin sekaran saya sudah terlantapernaah terpikirkan oleh saya kalau saya sdh bisa sesukses ini dan saya tdk menyanka klau MBAH KABOIRENG bisa sehebat ini menembuskan semua no,,jika anda ingin seperti saya silahkan hubungi MBAH KABOIRENG no ini 082322212111 saya yakin anda tdk akan pernah menyesal klau sudah berhubungan dgn MBAH KABOIRENG dan jgn percaya klau ada yg menggunakan pesan ini klau bukan nama EGI dan bukan nama MBAH KABOIRENG krna itu cuma palsu. KLIK TOGEL JITU DISINI



      saya atas nama egi dari malaysia ingin mengucapkan banyak terimah kasih kepada MBAH KABOIRENG,kalau bukan karna bantuannya munkin sekaran saya sudah terlantapernaah terpikirkan oleh saya kalau saya sdh bisa sesukses ini dan saya tdk menyanka klau MBAH KABOIRENG bisa sehebat ini menembuskan semua no,,jika anda ingin seperti saya silahkan hubungi MBAH KABOIRENG no ini 082322212111 saya yakin anda tdk akan pernah menyesal klau sudah berhubungan dgn MBAH KABOIRENG dan jgn percaya klau ada yg menggunakan pesan ini klau bukan nama EGI dan bukan nama MBAH KABOIRENG krna itu cuma palsu. KLIK TOGEL JITU DISINI

      Hapus
  4. Ageboy11 Desember 2011 pukul 09.54

    ini gw belajar udah lama betul sampe lupa coding marquee.jadi catatan saya sob codingnya,biar nggak kelupaan lagi nantinya.thanks ya udah share.. :)

    BalasHapus
  5. cardiacku11 Desember 2011 pukul 10.10

    Jadi bagus nantinya link nya ya sob..
    Terima kasih telah menyempatkan berkunjungn dan berkomentar di blog saya sobat

    BalasHapus
  6. Uzumaki-Lover11 Desember 2011 pukul 10.13

    @ tautanpena @ Ageboy
    Sama-sama, terimakasih juga sudah berkunjung ke blog saya yg sederhana ini.. ;) Happy blogging :D

    BalasHapus
  7. Uzumaki-Lover11 Desember 2011 pukul 10.19

    @ cardiacku
    Iya sob, sama-sama..;) Terima kasih juga sudah mampir ke blog yang sederhana ini ;))

    BalasHapus
  8. zaenal Blog11 Desember 2011 pukul 11.34

    sangat lengkap sekali tutorial marquee nya....
    langsung di bookmark dulu ahh...

    BalasHapus
  9. Uzumaki-Lover11 Desember 2011 pukul 11.59

    @ Zaenal Blog
    Silakan mas bro,, thanks juga sudah menyempatkan untuk berkunjung dan berkomentar di blog ini ;)

    BalasHapus
  10. Mbah Qopet11 Desember 2011 pukul 12.28

    wow keren banget bisa jalan teksnya , thanks and salam kenal masbro

    BalasHapus
  11. Sinto11 Desember 2011 pukul 13.57

    KereNNN Gan boleh juga NIh :D

    BalasHapus
  12. katils11 Desember 2011 pukul 14.21

    keren cma mals aja utak atik css hehe...

    BalasHapus
  13. Farixsantips11 Desember 2011 pukul 15.21

    keren juga ya marquee kalau di edit edit :) boleh nih di coba :)

    BalasHapus
  14. Uzumaki-Lover11 Desember 2011 pukul 15.37

    @ Zh!nTho @ Farixantips
    Silakan saja mas bro... ;)

    @ katils
    hehe.. emang kalo yg ini mau ga mau harus pake css sob,, ;))

    BalasHapus
  15. Uzumaki-Lover11 Desember 2011 pukul 15.39

    @ Mbah Qopet
    Salam kenal juga mas bro,, ;)

    BalasHapus
  16. Mharjipes Blog11 Desember 2011 pukul 19.59

    Mantabbb,, Keren nigh Gan,, ane Coba yagh.

    BalasHapus
  17. Madhek Blog12 Desember 2011 pukul 10.51

    Keren Sob, .. terus berkreasi yang bermanfaat bagi orang banyak.

    BalasHapus
  18. Mbah Qopet12 Desember 2011 pukul 12.23

    hehehe , kunjungan lagi happy blogging

    BalasHapus
  19. Wisata Bali12 Desember 2011 pukul 13.12

    Ternyata cukup simple juga...makasih gan telah sharing.

    BalasHapus
  20. Rama8812 Desember 2011 pukul 18.03

    jadi keren ya ,,text nya bisa jalan2,, =)) thx sharenya .. :D

    BalasHapus
  21. Farixsantips12 Desember 2011 pukul 18.19

    marquee memang bagus sob efeknya naik turun gerak kanan kiri sangat bagus :)

    BalasHapus
  22. Asis Sugianto12 Desember 2011 pukul 19.45

    efek marquee memng keren sobat,
    nice share sobat...

    BalasHapus
  23. cardiacku12 Desember 2011 pukul 20.05

    Belajar kembali di sini sobat...

    BalasHapus
  24. Unknown12 Desember 2011 pukul 21.06

    keren mas tutornya, salam kenal

    BalasHapus
  25. tautanpena12 Desember 2011 pukul 21.28

    Pena hadir dan absen kembali sob di tempat sobat ini

    BalasHapus
  26. Uzumaki Lovers13 Desember 2011 pukul 00.03

    @ Katils
    hehehe,, InsyaAllah postingan selanjutnya bukan css/kode2 lagi :D :))

    @ Asis Sugianto @ cardiacku
    Terimakasih sob,, thanks kunjungannya.. ;)

    @ Admin-Wahid Sahidu
    Thanks juga kunjungannya mas bro,, salam kenal juga

    @ tautanpena
    hehehe.. absen lagi :)). Thanks atas kunjungan n absennya,, hehe ;)

    BalasHapus
  27. nolimitadventure13 Desember 2011 pukul 14.53

    iya, jadi inget jaman2 SMK dulu pas belajar coding html..
    hihihi,, salam kenal sob..

    BalasHapus
  28. Share With Irfan14 Desember 2011 pukul 07.40

    Bagus nih buat bikin blogroll ya sob ? Udah kebanyakan ngapalin kode css jadinya lupa sendiri..:))

    BalasHapus
  29. Asis Sugianto14 Desember 2011 pukul 14.39

    Datang lagi nih di blog sobat, semoga sukses selalu sobat,,,
    link efek marqueenya sangat bermanfaat sobat....

    BalasHapus
  30. Uzumaki Lovers14 Desember 2011 pukul 20.22

    @ nolimitadventure
    Salam kenal juga sob,, Thanks kunjungannya ;)

    @ Share With Irfan
    hehehe.. jangankan sobat yg udah banyak ngapalin kode2,,;)) saya aja yg baru belajar kadang2 lupa... :))

    @ Asis Sugianto
    Thanks kunjungannya sobat...

    BalasHapus
  31. Rama8814 Desember 2011 pukul 21.07

    saya udah coba mbak,, saya pasang di blog saya,, keren textnya bisa jalan2,, hhhe

    BalasHapus
  32. Uzumaki Lovers14 Desember 2011 pukul 21.58

    @ Rama88
    Hahahahahaha.... :)) :)) =))... Masa saya dipanggil mbak sih... saya buka cewe mas bro,,,
    hahaha... =)) =))

    BalasHapus
  33. Unknown15 Desember 2011 pukul 00.46

    malam hari singgah disini dolo

    BalasHapus
  34. deny15 Desember 2011 pukul 13.39

    info tips yang sangat berguna nie...khususnya bagi yang baru memulai ngeblog...tips-tips dasar yang sangat berguna seperti ini sangat di perlukan :D

    BalasHapus
  35. nolimitadventure15 Desember 2011 pukul 14.12

    uye, thanks juga sob..
    btw, maaf baru sempet bales kunjungan.
    baru bisa online ni. heheheh :)
    salam persahabatan ya.

    BalasHapus
  36. Uzumaki Lovers15 Desember 2011 pukul 17.59

    @ deny
    Terimakasih mas,, saya juga masih blogger pemula dan masih harus banyak belajar.. :D Salam kenal juga mas, hehe,, :))

    @ nolimitadventure
    Thanks kunjungannya sob,, dan salam persahabatan juga :))

    BalasHapus
  37. Lia_key26 Desember 2011 pukul 16.37

    salam kenal ya...
    saya amalia ,,

    BalasHapus
  38. Blog Mantap Donk7 Januari 2012 pukul 20.46

    thanks mas info nya bermanfaat banget

    BalasHapus
  39. Unknown2 Februari 2012 pukul 16.12

    aduh , aku gak ngert" gan haha

    BalasHapus
  40. ChumChumSoft22 Februari 2012 pukul 13.08

    nice gan :D

    BalasHapus
  41. M. Nurul Huda27 Maret 2012 pukul 17.21

    Salam kenal dan salam luarbiasa...
    artikelnya mantap,
    ane juga dah pasang ni si marquee di blog qu... kunjung balik yach..
    thanks... :-)

    BalasHapus
  42. Anonim7 Juli 2012 pukul 16.46

    Ijin pakai ya brother ^^

    BalasHapus
  43. modern classic furniture13 Juli 2012 pukul 11.06

    makasih infonya ya...

    BalasHapus
  44. anime - software17 Januari 2013 pukul 21.42

    thanks gan, udah bagi2 ilmu :D

    BalasHapus
  45. kids party28 Januari 2013 pukul 10.44

    nice post :) thanks

    BalasHapus
  46. ppob1 Oktober 2013 pukul 14.06

    keren nech, ntar di coba dech...!!!
    smoga ntar berhasil buatnya...
    :)

    BalasHapus
  47. paketkarimunjawaopentrip2 Mei 2015 pukul 18.01

    Terimakasih Gan infonya janagan lupa bekunjung di mari Karimunjwa Opentrip

    BalasHapus

Langganan: Posting Komentar (Atom)