Maka dari itu, Pada artikel saya kali ini 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 dan pelanggan pembaca berita terbaru pada blog kita.
Oke sobat, Kita kembali lagi pada tutorial untuk Cara Membuat Foto Dan Gambar Bergerak Slide Di Blog, Silahkan sobat ikuti cara-caranya 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 Marquee di bawah ini.
<marquee direction="up" onmouseover="this.stop()" scrollamount="5" onmouseout="this.start()"><img src="alamat_gambar_sobat.jpg" width="120" height="70"></marquee>
*Catatan:
- Ganti alamat URL gambar "src" yang saya drag berwarna HIJAU pada kode script <img src="alamat_gambar_sobat.jpg" width="120" height="70"> dengan alamat URL gambar image sobat. Kalau belum mempunyai alamat gambar image, Silahkan upload dulu ke FhotoBucket, Picasa, dan lain sebagainya, Kemudian sobat ambil Alamat URL nya dan tempelkan pada tulisan yang saya drag berwarna HIJAU.
- scrollamount="5" adalah Kecepatan Marquee atau image yang berjalan. Silahkan sobat atur nilai kecepatanya, Agar sesuai dengan keinginan sobat.
- Kode "width" dan "height" adalah untuk mengatur ukuran lebar dan tinggi gambar image. Silahkan sobat atur nilainya agar sesuai dengan selera sobat.
- Kode "up" adalah kode arah foto gambar image yang akan bergerak atau berjalan ke atas. Silahkan sobat ganti dengan "down" untuk arah ke bawah, Atau bisa juga diganti kode yang lainya, Agar sesuai dengan keinginan sobat.
- Contoh diatas adalah hanya untuk satu gambar image foto saja. Jika sobat ingin lebih dari satu foto gambar image, Silahkan sobat tambah lagi kode script image tersebut sebanyak gambar image atau foto yang sobat inginkan.
<marquee direction="up" onmouseover="this.stop()" scrollamount="5" 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">
<img src="alamat_gambar_4_sobat.jpg" width="120" height="70">
7. Untuk menyimpan gadget yang baru sobat buat, Ikuti cara berikut ini.
- See more at: http://kuc0pas.blogspot.com/2012/03/cara-buat-foto-dan-gambar-bergerak-di.html#sthash.AbsI58MR.dpuf
<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">
<img src="alamat_gambar_4_sobat.jpg" width="120" height="70">
<img src="alamat_gambar_5_sobat.jpg" width="120" height="70">
<img src="alamat_gambar_6_sobat.jpg" width="120" height="70">
<img src="alamat_gambar_7_sobat.jpg" width="120" height="70">
<img src="alamat_gambar_8_sobat.jpg" width="120" height="70">
<img src="alamat_gambar_6_sobat.jpg" width="120" height="70">
<img src="alamat_gambar_7_sobat.jpg" width="120" height="70">
<img src="alamat_gambar_8_sobat.jpg" width="120" height="70">
<img src="alamat_gambar_9_sobat.jpg" width="120" height="70">
<!-- dan seterusnya..., SupPort By KUCOPAS -->
</marquee>
</marquee>
- Setelah semua kode marquee sudah sobat masukkan pada kotak Konten HTML/JavaScript, Silahkan sobat klik tombol >> Simpan.
- Selesai dan lihat hasilnya.
tolong patuhi tata tertib untuk komentar dibawah ini"":
1. tidak boleh berkomentar yang bersifat spam.
2. jangan menyertakan alamat/link langsung.
3. jika komentarnya tidak terjawab oleh admin maafkan karna saya sibuk<>> EmoticonEmoticon