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.
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.
mantap. bisa berjalan
ReplyDeletehttps://newsartstory.blogspot.com