Cara membuat Teks Berjalan (Marquee)

Sebelumnya saya sudah menjelaskan tentang  Cara Menambahkan Scroll Pada Widget Blog   untuk menghemat sebuah widget dan sekarang saya akan ...

Marquee

Sebelumnya saya sudah menjelaskan tentang Cara Menambahkan Scroll Pada Widget Blog untuk menghemat sebuah widget dan sekarang saya akan membagikan tutorialnya yaitu  teks berjalan atau bergerak yang biasa disebut Marquee.

Mungkin bagi anda banyak yang sudah tentang marquee tapi mungkin masih ada yang belum tahu untuk kode bagaimana cara membuat efek berjalan ini. Berikut atribut yang sering digunakan pada efek teks berjalan ini agar terlihat lebih menarik dan indah :)
  • bgcolor : Atribut ini digunakan untuk mengatur background dari text yang akan diberi efek marquee.
  • direction : Digunakan untuk mengatur gerakan dari text tersebut (up, down, left right).
  • scrollamount : Untuk mengatur kecepatan dari gerakan text (angka dalam px), semakin tinggi angka yang digunakan, maka akan semakin cepat gerakan dari textnya.
  • behaviour : Untuk mengatur efek dari gerakannya (slide, scroll, alternate).
  • width : Untuk mengatur lebar dari area text nya (dinyatakan dalam px atau %).
  • height : Untuk mengatur tinggi dari area text nya (dinyatakan dalam px atau %).
  • align : Untuk mengatur posisi (center, left, right).
  • onmouseover : Untuk memberhentikan efek ketia disorot(hover) mouse.
  • onmouseout : Untuk melanjutkan efek bila mouse sudah tidak menyorot(hover) text.
Untuk Caranya sekarang lihat contoh efek teks berjalan ini.

Contoh Berjalan dari kekiri ke kanan
<marquee direction="right" scrollamount="2">Contoh Berjalan dari kekiri ke kanan </marquee>

Contoh Marquee dari kiri ke kanan
Contoh Berjalan dari kekanan ke kiri
<marquee direction="left" scrollamount="2">Contoh Berjalan dari kekanan ke kiri </marquee>;

Contoh Marquee dari kanan ke kiri
Contoh Berjalan dari atas ke kebawah
<marquee direction="down" scrollamount="2" height="100" width="50%"> Contoh Teks Berjalan dari atas ke bawah </marquee>
Contoh Teks Berjalan dari atas ke bawah

Contoh Berjalan dari bawah ke keatas
<marquee direction="up" scrollamount="2" height="100" width="50%"> Contoh Berjalan dari bawah ke keatas </marquee>
Contoh Berjalan dari bawah ke keatas

Contoh Teks Berjalan dengan background warna hijau dan font putih
<font color="white"><marquee direction="right" scrollamount="2" bgcolor="green"> Contoh Teks Berjalan dengan background hijau dan font putih</font></marquee>
Contoh Teks Berjalan dengan background hijau dan font putih
Contoh Teks berjalan berhenti bergerak ketika di sorot mouse dan bergerak kembali ketika sudah tidak di sorot

<marquee direction="down" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100"> Contoh Teks berjalan &nbsp;berhenti bergerak ketika di sorot mouse dan bergerak kembali ketika sudah tidak di sorot </marquee>

Contoh Teks berjalan  berhenti bergerak ketika di sorot mouse dan bergerak kembali ketika sudah tidak di sorot

Mungkin hanya itu yang bisa saya sampaikan kurang lebihnya saya minta maaf . terima kasih dan semoga bermanfaat.

Anda bisa gunakan pada widget sidebar,Post Popular dan lainnya. Kreasikan anda sendiri ^_^

COMMENTS

BLOGGER: 47
Loading...
Name

Adsense,5,CSS,8,Font,1,HTML,5,Javascript,5,Jquery,1,Lain-lain,5,PHP,1,SEO,3,Template,45,Tips,2,Tutorial,50,Widget,1,
ltr
item
HBT Blog: Cara membuat Teks Berjalan (Marquee)
Cara membuat Teks Berjalan (Marquee)
http://4.bp.blogspot.com/-vw9-kcHm_zc/UqwGTnMxlaI/AAAAAAAAA8E/VamMR_eFQ20/s1600/efek+berjalan.jpg
http://4.bp.blogspot.com/-vw9-kcHm_zc/UqwGTnMxlaI/AAAAAAAAA8E/VamMR_eFQ20/s72-c/efek+berjalan.jpg
HBT Blog
http://hollabacktexas.blogspot.com/2013/12/cara-membuat-teks-berjalan-marquee.html
http://hollabacktexas.blogspot.com/
http://hollabacktexas.blogspot.com/
http://hollabacktexas.blogspot.com/2013/12/cara-membuat-teks-berjalan-marquee.html
true
4727374246882403435
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy