Toolbar Pencarian

Jumat, 17 November 2017

Cara Membuat Teks Berjalan di Blog

Pernah tidak sobat melihat tulisan / teks yang mondar - mandir di suatu blog?? saya rasa pasti sudah pernah.
. namanya marquee sob! fungsinya sebenarnya hanyalah sebagai hiasan di blog, hampir sama dengan headline news

cuma yang ini lebih mudah ngaturnya, terutama dalam mengatur gerakan / prilaku teks yang di inginkan. Sobat yang tertarik membuat tulisan yang mondar - mandir ini, silahkan ikuti terus tutorialnya.

Cara Membuat Tulisan Berjalan di Blog

1. Tulisan bergerak dari kanan ke kiri 
 Contoh Tulisan Berjalan
 hasilnya
Contoh Tulisan Berjalan

2. Tulisan bergerak dari kiri ke kanan
  Contoh Tulisan Berjalan
 hasilnya
Contoh Tulisan Berjalan

3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan
Contoh Tulisan Berjalan
hasilnya
Contoh Tulisan Berjalan


4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri
Contoh Tulisan Berjalan
hasilnya
Contoh Tulisan Berjalan


5. Teks bergerak dari atas ke bawah
  Contoh Tulisan Berjalan
 hasilnya
Contoh Tulisan Berjalan

6. Teks bergerak dari bawah ke atas
  Contoh Tulisan Berjalan
hasilnya
Contoh Tulisan Berjalan

7. Teks bergerak mondar- mandir dari atas ke bawah
  Contoh Tulisan Berjalan
hasilnya
Contoh Tulisan Berjalan

8. Teks bergerak zig - zag ( diagonal ) memantul

Contoh Tulisan Berjalan
 hasilnya


Contoh Tulisan Berjalan

9. Teks bergerak zig - zag ( diagonal ) tembus

Contoh Tulisan Berjalan
hasilnya


Contoh Tulisan Berjalan

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

tambahan :
  • Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
  • Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
  • Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
  • Untuk menambahkan backgroundpaddingbordercolor, dll pada marquee, silahkan sisipkan  kode marquee antara kode berikut

Contoh Tulisan Berjalan

hasilnya :
Contoh Tulisan Berjalan

  • Untuk menyisipkan link pada marquee, gunakan kode berikut :
"/>Cara Membuat Teks Berjalan di Blog
catatan :
ganti tulisan yang berwana biru dengan Url yang di inginkan.
hasilnya :
  • Contoh lain penggunaan link pada marquee yaitu dengan menggunakan kode berikut :
onmouseover="this.stop()" onmouseout="this.start()
" scrollamount="2" direction="up" width="100%" height="100" align="center">
cara membuat permalink di blog

cara membuat logo

blog di blogspot dan blog di wordpress

catatan :
kode yang di cetak tebal adalah perintah pada teks untuk terhenti ketika di lewati pointer
Hasilnya :

Sekian & terimakasih, semoga bermanfaat.... :D
~

Tidak ada komentar:

Posting Komentar

Komentarlah yang Bijak & Sopan Santun !