Cara memasang Widget Teks Berjalan pada Blog
Widget Teks Berjalan Pada Blog mungkin Anda pernah melihat widget jenis ini pada salah satu blog yaitu seperti tulisan yang bergerak dari kiri kekanan maupun sebaliknya, apakah Anda tertarik dengan widget ini? jika iya saya akan membagikannya pada postingan kali ini.
Ini adalah marquee widget seperti ini tidak lebih sebagai hiasan saja pada blog, saya pernah memasang widget ini untuk bagian footer agar teks bagian credits difooter bisa bergerak dari kiri kekanan dan itu cukup menarik, cara pemasangan widget ini pun tidak sulit karena cukup menambahkan wigdet java script pada tata letak kemudian tambahkan kode widget teks berjalan.
Widget Teks Berjalan yang saya bagikan ini tersedia dalam beberapa variasi gerakan teks yang bisa Anda pilih sesuai dengan keinginan
1. Teks bergerak dari kanan ke kiri
hasilnya
2. Teks bergerak dari kiri ke kanan
hasilnya
3. Teks bergerak bolak balik dari kiri ke kanan
hasilnya
4. Teks bergerak bolak balik dari kanan ke kiri
hasilnya
5. Teks bergerak dari atas ke bawah
hasilnya
6. Teks bergerak dari bawah ke atas
hasilnya
7. Teks bergerak bolak balik dari atas ke bawah
8. Teks bergerak zig-zag (diagonal) memantul
hasilnya
9. Teks bergerak zig-zag (diagonal) tembus
hasilnya
2. Pilih Tata Letak > Tambah gadget > pilih HTML/Javascript
3. Masukan salah satu kode marquee diatas yang sobat inginkan
4. Klik Save dan lihat hasilnya
*Tambahan :
hasilnya
*catatan: silahkan ganti tulisan yang berwarna biru dengan url anda
hasilnya
*catatan: tulisan yang dicetak tebal adalah perintah untuk teks agar berhenti ketika pointer melewatinya
hasilnya
Mungkin sampai disini pembahasan soal Cara memasang Widget Teks Berjalan pada Blog, semoga dapat membantu semuanya yang membaca postingan ini. Terimakasih banyak juga untuk Christian Tatelu untuk sumber kode nya.
Ini adalah marquee widget seperti ini tidak lebih sebagai hiasan saja pada blog, saya pernah memasang widget ini untuk bagian footer agar teks bagian credits difooter bisa bergerak dari kiri kekanan dan itu cukup menarik, cara pemasangan widget ini pun tidak sulit karena cukup menambahkan wigdet java script pada tata letak kemudian tambahkan kode widget teks berjalan.
Widget Teks Berjalan yang saya bagikan ini tersedia dalam beberapa variasi gerakan teks yang bisa Anda pilih sesuai dengan keinginan
Cara memasang Widget Teks Berjalan pada Blog
1. Teks bergerak dari kanan ke kiri
<marquee direction="left" scrollamount="2" align="center">HAN FARHAN BLOG</marquee>hasilnya
2. Teks bergerak dari kiri ke kanan
<marquee direction="right" scrollamount="2" align="center">HAN FARHAN BLOG</marquee>hasilnya
3. Teks bergerak bolak balik dari kiri ke kanan
<marquee direction="left" scrollamount="2" align="center" behavior="alternate">HAN FARHAN BLOG</marquee>hasilnya
4. Teks bergerak bolak balik dari kanan ke kiri
<marquee direction="right" scrollamount="2" align="center" behavior="alternate">HAN FARHAN BLOG</marquee>hasilnya
5. Teks bergerak dari atas ke bawah
<marquee direction="down" scrollamount="2" align="center">HAN FARHAN BLOG</marquee>hasilnya
6. Teks bergerak dari bawah ke atas
<marquee direction="up" scrollamount="2" align="center">HAN FARHAN BLOG</marquee>hasilnya
7. Teks bergerak bolak balik dari atas ke bawah
<marquee direction="up" scrollamount="2" align="center" behavior="alternate">HAN FARHAN BLOG</marquee>8. Teks bergerak zig-zag (diagonal) memantul
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate">HAN FARHAN BLOG</marquee></marquee></center>hasilnya
9. Teks bergerak zig-zag (diagonal) tembus
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right">HAN FARHAN BLOG</marquee></marquee></center>hasilnya
Cara Pemasangan :
1. Buka Blogger2. Pilih Tata Letak > Tambah gadget > pilih HTML/Javascript
3. Masukan salah satu kode marquee diatas yang sobat inginkan
4. Klik Save dan lihat hasilnya
*Tambahan :
- Direction : untuk mengatur pola gerakan teks (left/right/up/down)
- Scrollamount : untuk mengatur kecepatan teks (naikan angkanya atau turunkan angkanya)
- Behavior : untuk mengatur prilaku gerakan teks (scroll/slide/alternate)
- Untuk menambahkan background, padding, border, color dll pada marquee bisa disisipkan diantara kode marquee seperti dibawah ini
<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">HAN FARHAN BLOG</marquee></div> hasilnya
- Jika ingin menambahkan link pada marquee bisa menggunakan kode berikut:
<div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="https://www.hanfarhan.com/2022/02/cara-memasang-widget-teks-berjalan-blog.html"/>HAN FARHAN BLOG</a></marquee>
</div>*catatan: silahkan ganti tulisan yang berwarna biru dengan url anda
hasilnya
- Contoh lain dari marquee yaitu marquee dengan model credits seperti penutup film
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="https://www.hanfarhan.com">Tautan 1</a><br/>
<a href="https://www.hanfarhan.com">Tautan 2</a><br/>
<a href="http://www.hanfarhan.com">Tautan 3</a><br/>
</marquee> *catatan: tulisan yang dicetak tebal adalah perintah untuk teks agar berhenti ketika pointer melewatinya
hasilnya
Mungkin sampai disini pembahasan soal Cara memasang Widget Teks Berjalan pada Blog, semoga dapat membantu semuanya yang membaca postingan ini. Terimakasih banyak juga untuk Christian Tatelu untuk sumber kode nya.
Posting Komentar untuk "Cara memasang Widget Teks Berjalan pada Blog"