Ticker

6/recent/ticker-posts

Cara Membuat Teks Berjalan(Terbaru Efek Marquee)


Cara membuat teks berjalan pada blog pernah saya buat posting pada tajuk Membuat Efek menaip pada tajuk Blog, Kali ini yang membezakanya adalh Cara Membuat Teks Berjalan atau Efek Merquee pada blog adalah code HTML yang digunakan dan cara pemasangannya, Teks Berjalan atau Efek Merquee dipasangnya di sidebar atau dalam postingan.untuk langakahnya sila ikut dibawah.

Langkah 1

Pilih mana yang anda berkenan.


1. Contoh Teks Bergerak ulang-alik



Teks ulang-alik


1. Ini Adalah Code HTML Teks Bergerak ulang-alik



<font face="arial" color="black" size="4"><marquee direction="right" behavior="alternate" direction="right" scrollamount="2" height="20px" scrolldelay="10" bgcolor="orange" width="450px"> Teks ulang-alik</marquee></font>






2. Contoh Teks Berjalan ulang-alik Secara Vertikal




Teks ulang-alik Vertikal

2. Ini Adalah Code HTML Teks Bergerak ulang-alik Secara Horizontal



<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="450px">

Teks Bulang-alik Vertikal
</marquee></font>







3. Contoh Teks Berjalan Kekanan Secara Continu



Teks Kekanan Continu

3. Ini Adalah Code HTML Teks Berjalan Kekanan Secara Continu



<font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="yellow" width="450px"> Teks Kekanan Continu</marquee></font>






4. Contoh Teks Berjalan Kekiri Sekali Saja



Berjalan Kekiri Sekali

4. Ini Adalah Code HTML Teks Berjalan Kekiri Sekali Saja



<font face="courier" color="red" size="4"><marquee direction="left" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="blue" width="450px"> Berjalan Kekiri Sekali</marquee></font>






5. Contoh Teks Berjalan Kekiri Kekanan Tiga Kali



Berjalan Kekanan Tiga Kali
5. Ini Adalah Code HTML Teks Berjalan Kekiri Kekanan Tiga Kali



<font face="courier" color="blue" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="50" bgcolor="red" width="450px"> Berjalan Kekanan Tiga Kali</marquee></font>






6. Contoh Teks Berjalan Efek Bounce



Teks Berjalan Efek Bounce

6. Ini Adalah Code HTML Teks Berjalan Efek Bounce



<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2"> Teks Berjalan Efek Bounce</marquee></marquee></font>






7. Contoh Teks Berhenti Jika Mouse Menyentuh Marquee



Teks Berhenti Jika Mouse Menyentuh Marquee

7. Ini Adalah Code HTML Teks Berhenti Jika Mouse Menyentuh Marquee



<font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="blue"> Teks Berhenti Jika Mouse Menyentuh Marquee</marquee></font>



Langkah 2


1. Login ke Blogger, Klik Design :



2. Pada Elemen Halaman, klik Add Gadget di lokasi yang Anda ingin letak;



3. Pilih HTML/Javascript;



4. Copy paste code HTML diatas ke dalam Content yang telah tersedia;




5. Klik Simpan



Jika cara pasang code HTML ke dalam postingan,anda hanya perlu copy paste kode tersebut ke dalam content postingan Anda.



Info :

Width: Untuk edit panjang ruangan teks
Height: Untuk edit lebar ruangan teks
Scrolldelay: Untuk edit waktu
Scrollamount: Untuk edit kecepatan gerakan

Catat Ulasan

3 Ulasan

  1. time ksih share teknik nie..tapi nape slow sgt ekk..

    BalasPadam
  2. erm sama-sama
    Kalau nak lajukan boleh..
    cuba edit kode ini scrolldelay="10"

    BalasPadam