Sunday 25 December 2016

Cara Membuat Widget Gambar Bergerak di blog

Cara Membuat Widget Gambar Bergerak di blog

Cara Membuat Widget Gambar Bergerak di blog
Cara Membuat Widget Gambar Bergerak di blog - Menambahkan tampilan gambar di blog dapat memperindah dan memperamai blog. Ketika ingin menambahkan gambar di blog secara biasa dapat dengan menambahkan gadget gambar. Namun ada keterbatasan, yaitu hanya satu gambar untuk setiap upload, sehingga apabila ingin menampilkan beberapa gambar dapat memakan ruang. Solusi untuk mengatasi masalah tersebut sebenarnya simpel yaitu dengan memanfaatkan fitur marquee (gerak). Fitur marquee yang biasanya digunakan pada teks saja kini juga dapat dilakukan untuk gambar. Hasilnya gambar dapat bergerak secara otomatis dan tidak terlalu memakan ruang yang banyak di blog. 

Cara Membuat Widget Gambar Bergerak di blog

1. Login ke blog Anda
2. Pilih Tata Letak (Layout)
3. Pilih Tambahkan Gadget (Add Gadget) dan pilih widget HTML/JavaScript
4. Silahkan copy kode/script di bawah ini, kemudian paste pada Konten widget tersebut

<marquee direction="up" onmouseover="this.stop()" scrollamount="4" onmouseout="this.start()">
<img src="URL GAMBAR 1" width="100%" height="100%" /><br />
<img src="URL GAMBAR 2" width="100%" height="100%" /><br />
<img src="URL GAMBAR 3" width="100%" height="100%" /><br />
<img src="URL GAMBAR 4" width="100%" height="100%" /></marquee>

Keterangan:
a. Mengganti arah gerak gambar dapat dilakukan dengan mengubah: direction="up"
b. Menambahkan gambar dengan cara menganti URL GAMBAR
c. Lebar (Width) dan Tinggi (Height) dapat diubah sesuai selera anda. Jika 100% maka secara otomatis akan memenuhi batas widget

5. Klik Simpan (Save)
6. Simpan Setelan untuk menampilkannya pada blog.

Sekian tips dari saya tentang Cara Membuat Widget Gambar Bergerak di blog, semoga bermanfaat untuk anda.

Terima kasih.

1 comment: