Wednesday, December 5, 2012

Cara Membuat Foto dan Gambar Bergerak Slide di Blog

http://2.bp.blogspot.com/-GTmVnDNqNOE/T2r19g5kUgI/AAAAAAAAAms/m7MWEx9eln4/s1600/menyeleksi+gambar+dengan+rectanguler+marque.jpg 
Cara Membuat Foto dan Gambar Bergerak Slide di Blog - Salam hangat buat sahabat semua,Kali ini saya akan share Tips dan trik lagi tentang Cara Buat Gallery Foto Bergerak slide di Blog atau Cara buat foto atau gambar berjalan di blog, bahasa gaul nya ya Script Marquee Bikin Image Lebih Dinamis.

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.

maka dari itu, Di sini saya akan menerangkan secara detail tentang bagaimana cara menambahkan script marquee dalam image agar bisa bergerak slide dalam blog dengan sempurna dan tidak ada masalah saat blog kita di kunjungi oleh para visitor.

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.jpgwidth=”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.jpgwidth=”120” height=”70”>
<img src=”alamat_gambar_2_sobat.jpgwidth=”120” height=”70”>
<img src=”alamat_gambar_3_sobat.jpgwidth=”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.

sekian dulu artikel dari saya, terima kasih bagi sahabat yang sudah membaca artikel ini.
salam sahabat !!

1 comment: