Cara desain blog Membuat Teks/Widget Bergerak Di Blog

Cara Membuat Teks/Widget Bergerak Di Blog

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. dan ketika widget bergerak, widget akan berhenti bergerak saat disentuh kursor. jadi tidak menyulitkan pengunjung jika ingin meng-klik salah satu isi pada widget tersebut.
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 Atau Script Widget Kamu Di Sini</marquee>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-membuat-teks-atau-widget-bergerak.html" target="_blank">Cara Membuat Teks/Widget Bergerak Di Blog</a></small>

Keterangan :
  • height='200px' adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.
  • Ikuti perintah Kode yang saya beri warna merah.

» 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 Atau Script Widget Kamu Di Sini</marquee>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-membuat-teks-atau-widget-bergerak.html" target="_blank">Cara Membuat Teks/Widget Bergerak Di Blog</a></small>

Keterangan :
  • height='200px' adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.
  • Ikuti perintah Kode yang saya beri warna merah.

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 Atau Script Widget Kamu Di Sini</marquee>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-membuat-teks-atau-widget-bergerak.html" target="_blank">Cara Membuat Teks/Widget Bergerak Di Blog</a></small>

Keterangan :
  • Kalau ingin membuat arah sebaliknya (tinggal ganti "left" menjadi "right")
  • height='200px' adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.
  • Ikuti perintah Kode yang saya beri warna merah.

» 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 Atau Script Widget Kamu Di Sini</marquee>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-membuat-teks-atau-widget-bergerak.html" target="_blank">Cara Membuat Teks/Widget Bergerak Di Blog</a></small>

Keterangan :
  • Kalau ingin membuat arah sebaliknya (tinggal ganti "up" menjadi "down")
  • height='200px' adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.
  • Ikuti perintah Kode yang saya beri warna merah.

5. Simpan Pengaturan.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)

1 comment:

TINGGALKAN PESAN DAN KESAN SETELAH BERKUNJUNG