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..

50 komentar:

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

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

    BalasHapus
    Balasan
    1. 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
  3. 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
  4. Jadi bagus nantinya link nya ya sob..
    Terima kasih telah menyempatkan berkunjungn dan berkomentar di blog saya sobat

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

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

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

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

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

    BalasHapus
  10. KereNNN Gan boleh juga NIh :D

    BalasHapus
  11. keren cma mals aja utak atik css hehe...

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

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

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

    BalasHapus
  14. @ Mbah Qopet
    Salam kenal juga mas bro,, ;)

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

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

    BalasHapus
  17. hehehe , kunjungan lagi happy blogging

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

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

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

    BalasHapus
  21. nunggt update bru hehe... Jgn css hehe... Gak mudeng sy

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

    BalasHapus
  23. Belajar kembali di sini sobat...

    BalasHapus
  24. Pena hadir dan absen kembali sob di tempat sobat ini

    BalasHapus
  25. @ 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
  26. iya, jadi inget jaman2 SMK dulu pas belajar coding html..
    hihihi,, salam kenal sob..

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

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

    BalasHapus
  29. @ 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
  30. saya udah coba mbak,, saya pasang di blog saya,, keren textnya bisa jalan2,, hhhe

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

    BalasHapus
  32. 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
  33. uye, thanks juga sob..
    btw, maaf baru sempet bales kunjungan.
    baru bisa online ni. heheheh :)
    salam persahabatan ya.

    BalasHapus
  34. @ 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
  35. salam kenal ya...
    saya amalia ,,

    BalasHapus
  36. thanks mas info nya bermanfaat banget

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

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

    BalasHapus
  39. Terimakasih Gan infonya janagan lupa bekunjung di mari Karimunjwa Opentrip

    BalasHapus
  40. Ingat..,!! Kesempatan tidak akan datang untuk ke-2 kali……!!!
    Kami Hadir Utk Menjawab Kebutuhan Anda.Terhadap Produk Elektronik.Transaksi Aman DanTerpercaya.Kami Menawarkan Berbagai Jenis Type HP,LAPTOP dan CAMERA.DLL, Dgn Harga TERJANGKAU/ SUPER PROMO DI GUNUNG MAS PONSEL TEMPAT BELANJA ONLINE AMAN DAN TERPERCAYA. 100% BEBAS PENIPUAN
    MINAT PIN BB: 582F8501 HUB/SMS:0851-4515-5828 klik web resmi kami di http://gunungmas-phone.blogspot.com/
    Ready Stock! Samsung Galaxy A8 Rp.2.900.000
    Ready Stock! oppo R5 Rp.3.000.000
    Ready Stock! Apple iPhone 5 32GB Rp.2.500.000
    Ready Stock! Apple iPhone 5S 32GB Rp.3.000.000
    Ready Stock! Samsung Galaxy A3 A300H Rp.1.500.000
    Ready Stock! Samsung Galaxy A5 A500F Rp.2.000.000
    Ready Stock! Samsung Galaxy E5 E500H Rp.1.500.000
    Ready Stock! Samsung Galaxy Grand Prime SM-530H Rp.800.000.
    Ready Stock! Asus Zenfone 2 ZE551ML RAM 4GB Rp.2.000.000
    Ready Stock! Samsung Galaxy S3 I9300 .Rp.1.500.000.
    Ready Stock! Samsung Galaxy S6 32GB Rp.3.300.000
    Ready Stock! Samsung Galaxy Note N7100.Rp.2.000.000.
    Ready Stock! Samsung Galaxy Note 5 Rp.4.000.000
    Ready Stock! Samsung Galaxy Note 4 SM-N910H Rp.3.500.000
    Ready Stock! Samsung Galaxy Note 3 Rp.2.000.000
    Ready Stock ! Samsung Galaxy S5 Rp.2.000.000,
    Ready Stock ! Samsung Galaxy S4 l9500 Rp.1.500.000

    BalasHapus