Cara Membuat Efek Marquee atau Teks Berjalan di blog

BAGIKAN:

Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di paka...



Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.
Marque memiliki efek yang bermacam-macam yakni : teks bergerak kesatu arah, bergerak bolak balik, bergerak keatas, bergerak sekali saja, dan lain-lain.

Efek-efek marquee diatas timbul karena adanya perpaduan dari beberapa fungsi yang disebut dengan attributes. Sebelum kita mulai, mari kita pelajari dulu fungsi dari masing-masing atributes.

Beberapa attributes yang sering digunakan dalam marquee yaitu:

1. Behavior : untuk mengatur gaya gerakan pada teks.
Ada 3 gaya gerakan yang bisa digunakan yaitu :
  • Alternate : Teks bergerak bolak-balik
  • Slide : Teks hanya bergerak sekali saja
  • Scroll : Teks bergerak ke satu arah secara kontinu
2. Direction : mengatur arah gerakan teks.
Ada 4 arah gerakan yang bisa digunakan yaitu :
  • Up : Teks bergerak keatas
  • Down : Teks bergerak kebawah
  • Left : Teks bergerak kekiri
  • Right : Teks bergerak kekanan
3. Face : Untuk mengatur font teks seperti : arial, verdana, times new roman, courier, dan lain-lain. Anda bisa menggunakan semua jenis font yang tersimpan pada komputer Anda

4. Color : Untuk mengatur warna teks, seperti : "black", "green", "blue", "red", "yellow", dan lain-lain. Anda juga bisa menggunakan kode warna untuk menghasilkan warnanya, seperti: "#fffff", "#ff5a00", "#abb0b5", dan lain-lain.

5. Width : Untuk mengatur panjang ruangan teks dalam satuan pixel.

6. Height : Untuk mengatur lebar ruangan teks dalam satuan pixel.

7. Bgcolor : Untuk mengatur warna background, seperti: "black", "green", "blue", "red", "yellow", dan lain-lain. Jika Anda ingin menghilangkan warna background atau background tidal memiliki warna gunakan "transparent".

8. Scrolldelay: Untuk mengatur waktu tunda gerakan dalam satuan mili detik.

9. Scrollamount: Untuk mengatur kecepatan gerakan dalam satuan pixel.

10. Loop: untuk mengatur jumlah pengulangan.

Itulah beberapa attributes yang sering digunkan untuk membuat efek marquee atau teks berjalan. Berikut saya akan memberikan beberapa contoh efek marquee:

Contoh 1: Efek teks berjalan bolak-balik secara horizontal:

Selamat Datang Di Dakeloen Blog

Kodenya:

<font face="arial" color="black" size="4"><marquee direction="right" behavior="alternate" direction="right" scrollamount="2" height="20px" scrolldelay="10" bgcolor="#49BBB8" width="450px">Selamat Datang Di Dakeloen Blog</marquee></font>

Contoh 2: Efek teks berjalan bolak-balik secara vertikal:

Selamat Datang Di Dakeloen Blog

Kodenya:

<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="#49BBB8" width="450px">Selamat Datang Di Dakeloen Blog</marquee></font>

Contoh 3: Efek teks berjalan kekanan secara kontinu

Selamat Datang Di Dakeloen Blog

Kodenya:


<font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="#49BBB8" width="450px">Selamat Datang Di Dakeloen Blog</marquee></font>

Contoh 4: Efek teks berjalan kekiri sekali saja

Selamat Datang Di Dakeloen Blog

Kodenya:

<font face="courier" color="red" size="4"><marquee direction="left" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="#49BBB8" width="450px">Selamat Datang Di Dakeloen Blog</marquee></font>

Contoh 5: Efek teks berjalan kekanan tiga kali

Selamat Datang Di Dakeloen Blog

Kodenya:

<font face="courier" color="blue" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="#49BBB8" width="450px">Selamat Datang Di Dakeloen Blog</marquee></font>


Contoh 6: Efek Bounce

Selamat Datang Di Dakeloen Blog

Kodenya:

<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="#49BBB8"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Selamat Datang Di Dakeloen Blog</marquee></marquee></font>

Untuk membuat teks berhenti jika mouse menyentuh area marquee dan berjalan kembali jika mouse meninggalkan area marquee. Tambahkan kode onmouseover="this.stop()" dan onmouseout="this.start()"

Sebagai contoh saya memasukkan kode ini:

<font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="#49BBB8">Selamat Datang Di Dakeloen Blog</marquee></font>

Hasilnya seperti ini:

Selamat Datang Di Dakeloen Blog

Silahkan menggeser mouse Anda ke area marquee
*NB #49BBB8 Adalah kode warna background,silahkan sobat ganti dengan warna yang sobat inginkan,
Mungkin Ini hanya beberapa contoh dari banyak efek marquee atau teks berjalan. Masih banyak efek-efek lain marquee yang bisa agan utak atik sendiri dengan mengganti nilai-nilai pada attributes diatas.


Cara memasang kode marquee pada blog:


1. Login ke Blogger. Klik menu Design->Page Elements
2. Klik Add a Gadget-> HTML/ Javascript
3. Masukkan kode marquee yang ingin Anda gunakan lalu klik Save
4. Selesai. Klik View Blog untuk melihat hasilnya

Mungkin sekian yang dapat saya bagikan,jangan lupa tetap berusaha, belajar dan berdo'a,semoga membantu ya gan dan jangan lupa komentarnya.

COMMENTS

BLOGGER

$hide=mobile

$show=mobile

$hide=mobile

$show=mobile

$type=complex$count=4$show=home

Name

Admob,1,Adsense,4,Android,8,Blogger,19,Honda CB,6,Info,14,Komputer,10,Profile,6,Software,5,Spesifikasi Android,1,Template,6,Tips dan Trik,13,Tutorial Android,6,Tutorial Blog,7,
ltr
item
Dakeloen Blog: Cara Membuat Efek Marquee atau Teks Berjalan di blog
Cara Membuat Efek Marquee atau Teks Berjalan di blog
https://2.bp.blogspot.com/-ZSusljSZ1J4/WI7ziOyJBRI/AAAAAAAAAcI/bVRmCfy4RcYrOEyfpoEom_ae_jfFEvmUACLcB/s1600/marquee.png
https://2.bp.blogspot.com/-ZSusljSZ1J4/WI7ziOyJBRI/AAAAAAAAAcI/bVRmCfy4RcYrOEyfpoEom_ae_jfFEvmUACLcB/s72-c/marquee.png
Dakeloen Blog
http://dakeloen.blogspot.com/2011/11/cara-membuat-efek-marquee-atau-teks.html
http://dakeloen.blogspot.com/
http://dakeloen.blogspot.com/
http://dakeloen.blogspot.com/2011/11/cara-membuat-efek-marquee-atau-teks.html
true
3141205399269524264
UTF-8
Muat Semua Artikel Artikel tidak ditemukan LIHAT SEMUA Selengkapnya Balas Batal balas Hapus Oleh Beranda HALAMAN ARTIKEL Lihat Semua DIREKOMENDASIKAN UNTUK ANDA LABEL ARCHIVE CARI DISINI SEMUA ARTIKEL Tidak ditemukan artikel yang cocok Kembali Ke Beranda Minggu Senin Selasa Rabu Kamis Jum'at Sabtu Min Sen Sel Rab Kam Jum Sab Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember Jan Feb Mar Apr Mei Jun Jul Agu Sep Okt Nov Des baru saja 1 menit yang lalu $$1$$ minutes ago 1 jam yang lalu $$1$$ hours ago Kemarin $$1$$ days ago $$1$$ weeks ago lebih dari 5 minggu yang lalu Pengikut Ikuti INI ADALAH KONTEN PREMIUM Bagikan untuk melihatnya 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