Tentang Ilmu Komputer, Android, Panduan Blogging dan Tips di Internet.

Cara Membuat Widget Bergerak di Blog

Sobat 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 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.

Membuat Widget Bergerak

Untuk membuatnya sangat mudah, hanya dengan menyisipkan efek Marquee pada HTML widget yang akan sobat 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 cursor. Jadi tidak menyulitkan pengunjung jika ingin meng-klik salah satu isi pada widget.

Membuat Widget Bergerak

Cara Membuat Widget pada Blog Bergerak

  • Login ke Akun Blogger sobat.
  • Masuk pada bagian Tata Letak.
  • Klik tambah gadget pada posisi yang sobat inginkan.
  • Pilih HTML/Javascript.
  • Masukan kode widget sobat dengan menyisipkan kode efek bergerak. Berikut beberapa pilihan kode efek bergerak:

Gerak Bolak-Balik

Gerak Horizontal

<marquee behavior='alternate' align='center' direction='right' height='50px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukan Teks atau Script widget Disini</marquee>

Hasil:
Masukan Teks atau Script widget Disini

Gerak Vertikal

<marquee behavior='alternate' align='center' direction='up' height='100px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukan Teks atau Script widget Disini</marquee>

Hasil:
Masukan Teks atau Script widget Disini

Gerak Berulang-ulang

Dari kanan ke kiri atau sebaliknya

<marquee behavior='scroll' align='center' direction='left' height='50px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukan Teks atau Script widget Disini</marquee>


Hasil:
Masukan Teks atau Script widget Disini

Dari bawah ke atas atau sebaliknya

<marquee behavior='scroll' align='center' direction='up' height='100px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukan Teks atau Script widget Disini</marquee>


Hasil:
Masukan Teks atau Script widget Disini

Keterangan:

  • Ubah tulisan berwarna biru dengan teks atau script Widget.
  • Dan sobat dapat mengubah kode berwarna merah sesuai dengan yang diinginkan.

Artikel terkait : Cara Membuat Widget Bergerak di Blog

Artikel Blog Regi Brader Lainnya :

4 komentar:

  1. slm kenal gan. cara menyisipkan di random postnya gimana gan???

    ReplyDelete
    Replies
    1. script random postsnya letakan pada tulisan "Masukan Teks atau Script widget Disini" yang berwarna biru...

      Delete
  2. makasih gan....artikel yang sangat bermanfaat

    ReplyDelete
  3. Terimakasih agan artikelnya, sangat membantu :)
    http://bit.ly/1CXntoF

    ReplyDelete

Copyright © 2013-2016 Blog Regi Brader - All Right Reserved