Membuat Gambar Bergerak dalam Blog
Pada dasarnya membuat image atau foto bergerak slide di blog, Caranya
terbilang sangat mudah. karena kita hanya memberi atau menambahkan
script marquee pada image atau foto yang ingin kita tampilkan dalam blog
kita. Namun cara penerapannya haruslah benar dan sesuai dengan perintah
dari script marquee tersebut.
Oke sobat, untuk
membuat Foto dan Gambar Bergerak slide di Blog silahkan ikuti cara-cara nya sebagai berikut :
1. Silahkan >>
"Login atau Masuk" ke blog menggunakan akun sobat.
2. Setelah itu sobat pilih >> menu
"Tata Letak".
3. Kemudian klik >>
"Tambah Gadget".
4. Pilih >>
"HTML/JavaScript".
5. Isi kotak judul dengan judul gallery sobat, contoh "My Foto Gallery".
6. Kemudian pada kotak "Konten", Silahkan sobat masukkan semua kode Script di bawah ini :
<marquee direction="up" onmouseover="this.stop()" scrollamount="3" onmouseout="this.start()"><img src=”alamat_gambar_sobat.jpg” width=”120” height=”70”></marquee>
*Catatan:
- Ganti alamat
URL gambar “src” yang berwarna
HIJAU pada kode script <img src=”
alamat_gambar_sobat.jpg” width=”120” height=”70”> dengan alamat URL gambar sobat.
kalau belum ada, silahkan upload dulu ke FhotoBucket, Picasa, dan lain
sebagainya, terus sobat ambil URL nya dan pastekan pada tulisan yang
berwarna
HIJAU.
- Kode script
"width" dan
"height" adalah untuk mengatur
ukuran lebar dan tinggi gambar sesuai dengan selera sobat.
- Kode
"up" adalah Arah foto/gambar bergerak/berjalan ke atas.
silahkan sobat ganti dengan "down" atau lain sebagai nya.
- Contoh diatas, hanya untuk satu gambar/image/foto.
Jika sobat ingin lebih dari satu foto/gambar, Silahkan sobat tambah lagi
kode script image tersebut sebanyak gambar/image/foto yang sobat
inginkan.
Lihat contoh penerapan kode script marquee yang tepat dibawah ini :
<marquee direction="up" onmouseover="this.stop()" scrollamount="3" onmouseout="this.start()">
<img src=”alamat_gambar_1_sobat.jpg” width=”120” height=”70”>
<img src=”alamat_gambar_2_sobat.jpg” width=”120” height=”70”>
<img src=”alamat_gambar_3_sobat.jpg” width=”120” height=”70”>
<!-- dan seterusnya..., SupPort By KUCOPAS -->
</marquee>
- Setelah itu silahkan sobat klik tombol “Simpan/save” untuk menyimpan gadget yang baru sobat buat.
- Selesai dan lihat hasil nya.
Semoga artikel
Cara Buat Gallery Foto Bergerak di Blog atau
Cara buat foto berjalan di blog, sangat bermanfaat untuk sobat
KUCOPAS semua.
HapPy Blog9inG...
Sumber : http://kuc0pas.blogspot.com/2012/03/cara-buat-foto-dan-gambar-bergerak-di.html