Cara Membuat Teks/Widget Bergerak Di Blog

Sobat blogger memiliki widget bagus dan pengunjung harus mengetahui keberadaan widget tersebut? dengan membuat widget yang bergerak dapat menarik perhatian para pengunjung blog untuk melihat widget tersebut. atau sobat blogger memiliki widget yang memakan banyak tempat namun hanya ingin memberikan tempat yang minim pada widget tersebut? dengan membuat widget yang bergerak widget tersebut dapat menggunakan tempat yang minim, namun isi pada widget itu bergerak secara otomatis sehingga seluruh isi widget dapat dilihat pengunjung.

Untuk membuatnya sangat mudah, hanya dengan menyisipkan kode widget dari Marquee pada HTML widget yang akan sobat blogger berikan efek bergerak. jadi, cara ini tidak dapat diterapkan pada widget tanpa kode HTML.

Dengan cara ini ada beberapa pilihan efek bergerak. yaitu ketika widget sedang bergerak, widget akan berhenti bergerak saat disentuh kursor (kecuali efek bergerak slide). jadi tidak menyulitkan pengunjung jika ingin meng-klik salah satu isi pada widget tersebut.

Catatan :

• Cara Membuat Teks/Widget Bergerak Di Blog ini hanya bisa memakai kode script widget yang "Diam Di Tempat/Tidak Melayang-Layang Di Blog".

Melalui HTML/JavaScript :

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

1. Klik Tata Letak.
2. Klik Tambah Gadget.
3. Pilih Gadget HTML/Javascript.
4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).

Gerak Bolak-Balik  :
» Gerak Horizontal :

<marquee behavior='alternate' align='center' direction='right' height='200px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>
Masukkan Teks/Kode Script Kamu Di Sini</marquee>
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/10/cara-membuat-tekswidget-bergerak-di-blog.html" target="_blank">Cara Membuat Teks/Widget Bergerak Di Blog</a></small>

Keterangan :

• marquee behavior='alternate' adalah mengatur perilaku gerakan teks/widget, silahkan kamu ganti dengan selera yang kamu mau.
• slide (bergerak sekali lalu berhenti), scroll (bergerak bolak-balik), alternate (bergerak memantul-mantul).
• height='200px' adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.
• Ikuti perintah Kode yang saya beri warna red.

» Gerak Vertikal :

<marquee behavior='alternate' align='center' direction='up' height='200px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>
Masukkan Teks/ Kode Script Kamu Di Sini</marquee>
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/10/cara-membuat-tekswidget-bergerak-di-blog.html" target="_blank">Cara Membuat Teks/Widget Bergerak Di Blog</a></small>

Keterangan :

• marquee behavior='alternate' adalah mengatur perilaku gerakan teks/widget, silahkan kamu ganti dengan selera yang kamu mau.
• slide (bergerak sekali lalu berhenti), scroll (bergerak bolak-balik), alternate (bergerak memantul-mantul).
• height='200px' adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.
• Ikuti perintah Kode yang saya beri warna red.

Gerak Berulang-Ulang :
» Gerak Dari Kanan Ke Kiri :

<marquee behavior='scroll' align='center' direction='left' height='200px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>
Masukkan Teks/Kode Script Kamu Di Sini</marquee>
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/10/cara-membuat-tekswidget-bergerak-di-blog.html" target="_blank">Cara Membuat Teks/Widget Bergerak Di Blog</a></small>

Keterangan :

• marquee behavior='scroll' adalah mengatur perilaku gerakan teks/widget, silahkan kamu ganti dengan selera yang kamu mau.
• slide (bergerak sekali lalu berhenti), scroll (bergerak bolak-balik), alternate (bergerak memantul-mantul).
• direction='left' adalah arah teks/widget, silahkan kamu ganti dengan selera yang kamu mau.
• left (Kiri), right (Kanan).
• height='200px' adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.
• Ikuti perintah Kode yang saya beri warna red.

» Gerak Dari Bawah Ke Atas :

<marquee behavior='scroll' align='center' direction='up' height='200px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>
Masukkan Teks/Kode Script Kamu Di Sini</marquee>
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/10/cara-membuat-tekswidget-bergerak-di-blog.html" target="_blank">Cara Membuat Teks/Widget Bergerak Di Blog</a></small>

Keterangan :

• marquee behavior='scroll' adalah mengatur perilaku gerakan teks/widget, silahkan kamu ganti dengan selera yang kamu mau.
• slide (bergerak sekali lalu berhenti), scroll (bergerak bolak-balik), alternate (bergerak memantul-mantul).
• direction='up' adalah arah teks/widget, silahkan kamu ganti dengan selera yang kamu mau.
• up (Atas), down (Bawah).
• height='200px' adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.
• Ikuti perintah Kode yang saya beri warna red.

5. Simpan Pengaturan.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat.

█████████████████████████████████████████████████████████████████
Jangan Lupa Like, Comment & Share Artikel Ini Ya » Terima Kasih Atas Kunjungannya » Salam : Eno Sutrisno

BACA JUGA ARTIKEL TERKAIT DI BAWAH INI :

Di Sini Adalah Inspirasi Untuk Sobat Blogger Semua.

Ditulis Oleh : Tutorial Blog Eno » Di Sini Adalah Inspirasi Untuk Sobat Blogger Semua.

Saat ini kamu sedang membaca artikel tentang Cara Membuat Teks/Widget Bergerak Di Blog. silahkan kamu Copy-Paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link di bawah ini sebagai sumbernya. INGAT : saling menghargai kreatifitas sesama sobat blogger oke. <a href="http://tutorial-blog-eno.blogspot.com/2014/10/cara-membuat-tekswidget-bergerak-di-blog.html" target="_blank">Cara Membuat Teks/Widget Bergerak Di Blog</a>

[Mau Seperti Ini?]