Cara Membuat Efek Marquee Di Blog
Pagi ini saya share salah satu trik blogger cara membuat efek marquee di blog atau lebih umumnya kita kenal efek tulisan berjalan. Sebenarnya cara membuat efek marquee di blogsudah banyak di share oleh blogger-blogger lain namun untuk melengkapi trik blogger di blog ini, kini saya kembali meng-share-nya bagi Anda yang belum paham atau belum tahu kode script untuk membuat efek marquee di blog.
Dengan membuat tulisan atau apapun dengan efek marquee, membuat blog tersebut terkesan lebih hidup. Cara membuat efek marquee di blog cukup mudah. Kita bisa mengaplikasikannya di widget atau di psotingan blog kita. Ada beberapa cara membuat efek marquee di blog, diantaranya:
1. Efek marquee yang berjalan dari kiri ke kanan.
Kode scriptnya seperti di bawah ini:
1. Efek marquee yang berjalan dari kiri ke kanan.
Kode scriptnya seperti di bawah ini:
<marquee align="center" direction="right" scrollamount="2" width="100%" height="20">Tulisan Anda di sini</marquee>
Penampakannya akan seperti di bawah ini:
Untuk tulisan agar berjalan dari kanan ke kiri, tinggal ganti right menjadi left.
Penampakannya akan seperti di bawah ini:
Untuk tulisan agar berjalan dari kanan ke kiri, tinggal ganti right menjadi left.
2. Efek marquee yang berjalan ke kanan dan ke kiri.
Kode scriptnya seperti di bawah ini:
<marquee align="center" direction="left" scrollamount="3" behavior="alternate" width="100%" height="20">Tulisan Anda di sini</marquee>
Penampakannya akan seperti di bawah ini:
Kode scriptnya seperti di bawah ini:
<marquee align="center" direction="left" scrollamount="3" behavior="alternate" width="100%" height="20">Tulisan Anda di sini</marquee>
Penampakannya akan seperti di bawah ini:
3. Efek marquee dengan background warna.
Kode scriptnya seperti di bawah ini:
<div align="left"><span><marquee scrollamount="3" behavior="alternate" bgcolor="RED" width="100%">Tulisan Anda di sini</marquee></span></div>
4. Efek marquee yang berhenti ketika mouse berada pada teks area.
Kode scriptnya seperti di bawah ini:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="left" align="center" width="100%" height="20">Tulisan Anda di sini</marquee>
Penampakannya akan seperti di bawah ini:
Silahkan Anda coba arahkan mouse ke teks area di bawah ini.
Agar berjalan ke kanan ganti left dengan right
Agar berjalan ke atas ganti left dengan up
Agar berjalan ke bawah ganti left dengan down
Kode scriptnya seperti di bawah ini:
<div align="left"><span><marquee scrollamount="3" behavior="alternate" bgcolor="RED" width="100%">Tulisan Anda di sini</marquee></span></div>
4. Efek marquee yang berhenti ketika mouse berada pada teks area.
Kode scriptnya seperti di bawah ini:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="left" align="center" width="100%" height="20">Tulisan Anda di sini</marquee>
Penampakannya akan seperti di bawah ini:
Silahkan Anda coba arahkan mouse ke teks area di bawah ini.
Agar berjalan ke kanan ganti left dengan right
Agar berjalan ke atas ganti left dengan up
Agar berjalan ke bawah ganti left dengan down
Selamat Mencoba ^^
Tidak ada komentar :
Posting Komentar