Cara membuat teks berjalan | running text

Salah satu cara untuk mempercantik tampilan artikel blog adalah dengan memberikan efek teks berjalan pada artikel blog. Efek berjalan pada teks artikel blog tersebut banyak sekali ragamnya, misalkan adalah ada efek teks bergerak/berjalan ke kiri, ke kanan, ke atas, ke bawah, bolak-balik bergerak ke kiri dan kanan, melompat-lompat ke atas dan ke bawah atau bergerak zig zag dan efek teks bergerak ke kiri akan berhenti kalau teks tersebut disorot dengan crusor komputer.

Kalian tertarik untuk mengetahui cara membuat semua efek teks berjalan seperti yang telah saya sebutkan di atas?

Langkah-langkah atau cara membuat teks berjalan | running text tersebut adalah sebagai berikut:
Jika blog kamu dari blogger silahkan login dulu.
  1. Klik "Opsi lainnya"!
  2. Klik "Tata letak"! 
  3. Klik "tambah gadget"!pilih "Javascript/HTML"!
  4. Judul dikosongkan saja,lalu ketik kode atau script HTML teks berjalan | running text seperti ini :
    • <marquee direction=left><b>ketik teks berjalan kamu disini!</b></marquee> 
    • Contoh penulisan : <marquee direction=left><b>Kesuksesan tidak pernah menghampiri orang yang malas</b></marquee>
  5. Klik "Simpan"!
  6. Geser "Tambah gadget" yang berisi tulisan "Kesuksesan tidak pernah menghampiri orang yang malas" tadi ke kotak "Laman" dibawah judul blog kamu(Header).
  7. Klik "Lihat blog"!kalimat "Kesuksesan tidak pernah menghampiri orang yang malas" berhasil berjalan dari arah kanan ke kiri.
Kesuksesan tidak pernah menghampiri orang yang malas

Mudahkan? sekarang silahkan langkah-langkah cara membuat teks berjalan | running text tersebut kamu praktekan,semoga kamu bisa.

Efek teks bergerak/berjalan lainnya adalah sbb :

Efek teks berjalan ke kanan kalau disorot dengan pointer mouse akan berhenti

Kode html-nya adalah sbb :

<marquee direction="right" scrollamount="20" onMouseOver=this.stop() onMouseOut=this.start()>Efek teks berjalan ke kanan kalau disorot dengan pointer mouse akan berhenti</marquee>

Untuk mengganti teks bergerak ke kiri ganti tulisan right menjadi left, untuk mempercepat gerakkan teks berjalan ke kiri ganti angka 20 dengan angka 50, untuk memperlambat gerakkan teks berjalan ke kiri ganti angka 20 dengan angka 5.

Efek teks bergerak ke atas

Kode html-nya adalah sbb :

<marquee direction="down" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="20">Efek teks bergerak ke atas
</marquee>

Untuk mengganti supaya teksnya bergerak ke atas ganti tulisan down dengan up

Efek teks bergerak melompat-lompat dari kanan ke kiri

Kode html-nya adalah :

<marquee behavior="alternate" direction="up" height="150"><br /> <marquee direction="left">Efek teks bergerak melompat-lompat dari kanan ke kiri </marquee><br /> </marquee>

Efek teks bergerak bolak-balik ke kiri dan ke kanan

Kode html-nya adalah :

<marquee behavior="alternate" >Efek teks bergerak bolak-balik ke kiri dan ke kanan </marquee>

Bagikan:

1 comments:

Duyufurrohman mengatakan...

trims Gan, artikelnya membantu sy

Iwan
www.nooraliahajiumrohsolo.blogspot.com


CIMB Niaga, 7603 6767 7300, Arsis W | axxxxske-stsuxxxxxxxxx*#*$
OCBC NISP, 634130601924, C G Widi | suxxkamb_mnG0#M4sF40zY(35 kab & kota di JaTeng
BRI, 6440-01-001908-53-8, St S | 94jy0CWep1
Hosting PompaSubmersible.com (IdWeb) Masih Tersedia Fasilitas 4 AddOn Domain
Submersible-submersi-Solo-mnG0#M4sF40zY(


Webinar Reksadana BNI:
Zoom Webinar Reksadana BNI Securitas
Oleh Karunia Lestari, Senior Institutional Marketing STAR Asset Management (STAR1402STAR1402)
Senen 14 Februari 2022 Jam 14.00.
Link Join Zoom Klik Disini!
Yatno Bekasi.

Products Overseas

Hosting Luar Negeri: BlueHost
MAU DAFTAR FOREX?
Buka Formulirnya Klik Disini!
Baca Panduannya Klik Disini!