Cara Membuat Foto dan Gambar Bergerak Slide di Blog

 KUCOPAS - Salam hangat buat sobat-sobat blog KUCOPAS semua, Kemarin saya sudah share artikel tentang Cara Buat Teks Berjalan dan Berkedip di Blog, dan Kali ini saya akan share Tips dan trik lagi tentang Cara Buat Gallery Foto Bergerak di Blog atau Cara buat foto atau gambar berjalan di blog, bahasa gaul nya ya Script Marquee Bikin Image Lebih Dinamis.

Oke sobat, untuk membuat Foto dan Gambar Bergerak di Blog silahkan ikuti cara-cara nya sebagai berikut :

1. Silahkan "Login" dulu ke blog sobat.
2. Setelah itu sobat pilih >> menu “Tata Letak”.
3. Kemudian >> "tambah Gadget".
4. Pilih menu >> “HTML/JavaScript”.
5. Isi kotak judul dengan judul gallery sobat, contoh "My Foto Gallery".
6. Kemudian pada kotak “Konten”, silahkan sobat copy dan Paste kode Script yang berwarna BIRU 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>

---

KETERANGAN :
- 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.
silahkan sobat ganti dengan "down" atau lain sebagai nya.

- Contoh diatas, hanya untuk satu gambar/image/foto.
Kalau sobat ingin lebih dari satu foto/gambar, silahkan sobat tambah kode script image tersebut sebanyak gambar/image/foto yang sobat inginkan.
Lihat contoh 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...

---

| Supported by http://kuc0pas.blogspot.com |

---

Posted in: foto slider,TUTORIAL BLOG