Skip to main content

Cara Menciptakan Text Berjalan Di Blog

Mungkin kalian pernah melihat goresan pena keren berjalan di blog. Namanya marquee! fungsi bekerjsama hanya sebagai hiasan di blog, hampir sama dengan news. cuma yang ini lebih gampang dalam mengaturnya, terutama dalam mengatur gerakan teks yang kalian inginkan. Kalian yang tertarik menciptakan goresan pena yang mondar - mandir ini, silahkan ikuti tutorialnya.

Cara Membuat Tulisan Berjalan di Blog

1. Tulisan bergerak dari kanan ke kiri
 <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
 hasilnya
Contoh Tulisan Berjalan

2. Tulisan bergerak dari kiri ke kanan
 <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
 hasilnya
Contoh Tulisan Berjalan

3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan


4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri
<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan

5. Teks bergerak dari atas ke bawah
 <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
 hasilnya
Contoh Tulisan Berjalan

6. Teks bergerak dari bawah ke atas
 <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan

7. Teks bergerak mondar- mandir dari atas ke bawah
 <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan

8. Teks bergerak zig - zag ( diagonal ) memantul
 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>
 hasilnya
Contoh Tulisan Berjalan

Contoh Tulisan Berjalan

Baca Juga

9. Teks bergerak zig - zag ( diagonal ) tembus
 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>
hasilnya
Contoh Tulisan Berjalan


Cara memasang :
1. Login ke akun blog sobat
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan arahan marquee dari salah satu goresan pena berjalan diatas
4. Klik save dan lihat hasilnya.

pemanis :
  • Direction : untuk mengatur gerakan teks (left, right, up dan down)
  • Scrollamount :  mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
  • Behavior ( scroll/slide/alternate ):  mengatur prilaku gerakan.
  • Untuk menambahkan backgroundpaddingbordercolor, dll pada marquee, silahkan sisipkan  arahan marquee antara arahan berikut
<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Contoh Tulisan Berjalan</marquee> </div>

kesannya :

Contoh Tulisan Berjalan

  • Untuk menyisipkan link marquee, gunakan arahan berikut :
<div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="https://caramudahgan.blogspot.com/search?q=cara-membuat-text-berjalan-di-blog"/>Cara Membuat Teks Berjalan di Blog</a></marquee>
</div>
catatan :
ganti goresan pena yang berwana biru dengan Url yang di inginkan.
kesannya :


Sekian posting cara bikin goresan pena berjalan nya....
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar