Cara Manual Membuat Gallery Foto Bergerak Di Blogspot - Salam manis buat teman-teman bertuah sekalian. Dulu saya pernah ditanyain teman saya bagaiman caranya membuat koleksi foto atau Gallery di blog. Belakangan ini juga banyak yang nanyain kesaya bagaimana cara membuat koleksi foto tersebut agar bergerak dan kelihatan dinamis. Gallery foto tersebut dibuat secara manual. Jawaban saya singkat saja, tambahin aja script Marquee diantara script image tersebut. Tapi teman saya malah kebingungan dengan jawaban yang saya kasi. Mau tau caranya ? Wah bagi yang udah bisa jangan bosan ya ! saya cuma berbagi sama teman-teman pemula yang ingin memperdalam script dasar HTML por eksempel "script marquee". Mudah kok ! Berikut langkah-langkahnya :
- Login dulu ke blog anda, yang pasti blogspot.
- Setelah itu pilih menu “Tata Letak”.
- Trus, tambahin Gadget dengan cara memilih menu “Tambah Gadget”.
- Pilih menu “HTML/JavaScript”.
- Isi kotak judul dengan judul galery anda, misalkan "My Sweet Gallery".
- Pada kotak “Konten”, ketik/copas Script yang bertulis tebal dibawah ini :
<marquee direction="up" onmouseover="this.stop()" scrollamount="3" onmouseout="this.start()"><img src=”alamat_gambar_anda.jpg” width=”120” height=”70”></marquee> - Gantikan alamat gambar “src” yang berwarna merah pada script <img src=”alamat_gambar_anda.jpg” width=”120” height=”70”> dengan alamat gambar anda, kalo belum ada upload dulu ke Picasa, FhotoBucket, dll, trus ambil URL-nya dan pastekan pada tulisan yang berwarna merah. Sedangkan "width" dan "height" untuk mengatur ukuran lebar dan tinggi gambar sesuai dengan selera anda. Conoth diatas, hanya untuk satu gambar/image/foto. Kalau pengennya lebih dari satu, silahkan CoPas aja script image tersebut sebanyak gambar/image/foto yang anda inginkan. Lihat contoh dibawah ini :
<marquee direction="up" onmouseover="this.stop()" scrollamount="3" onmouseout="this.start()">
<img src=”alamat_gambar_1_anda.jpg” width=”120” height=”70”>
<img src=”alamat_gambar_2_anda.jpg” width=”120” height=”70”>
<img src=”alamat_gambar_3_anda.jpg” width=”120” height=”70”>
<!-- dan seterusnya..., terserah mau berapa aja boleh -->
</marquee> - Setelah itu klik tombol “Simpan” untuk menyimpan gadget yang barusan anda buat.
- Jangan lupa untuk mengatur tata letak Gadget anda disebelah mananya biar rapi.
- Terakhir, klik "simpan" lagi pada tampilan rancangan anda dan coba lihat blog anda dengan membuka baru atau tekan tombol “Refresh” pada web browser jika blog anda sudah terbuka.
- Selamat Mencoba !!! Dan maaf kalau terjadi error, silahkan tanya lagi kesaya kalau ada yang error !!! Link Artikel Original Penulis: Script Marquee Bikin Image Lebih Dinamis
71 comments:
makasih gan infonya bermanfaat, ini bisa ane terapkan di blog ane...
berhasil gan... thanx ya atas ilmunya... keep posting
Thx atas Post nya gan..
Jgn Lupa ya Agan-Agan kungjungi blog gw: http://blognya-drabong.blogspot.com/
mksh bos ilmune
Bagu Bagus...
Baru mo coba mas...
Mudah2an bisa yah...
Tx buat infonya...
makasih mas atas infonya..
jadi bisa tambah ilmu nih..hehe
mau coba nie .
makasii mas broo
izin copas mas brow
silahkan datang ke blog saya ya...
Kumpulan berita-berita liverpool
mantap om ilmunya, ijin copas langsung praktek yaa
Salam kenal Om. Matap Tipsnx sya mau coba.trimaks atas infonx
Makasi gan scriptnya..
aku dah coba untuk iklan di blog ku..
thx gan... hehehe,,, mantep.. maklum newbie nih.. :) hehehe... beloom ada yang datang berkunjung.... hehehe... follower masih kosong.. :D
Makasih infonya mas, langsung praketek.. he hee....
maap gan gagal, tolong bantu infonya web untuk upload photo, saya menggunakan flicker.
makasih.
sippp. makasih infonya
terimakasih infonya, buat saran aja sih.. kok contohnya nggak ada mas...
makasih infonya...mmg ini yg saya cari-cari selama ini...
udah ane bukmak niy blog...pas bgt info yg ane cari buat blog ane...tx beraaat
Ane bingung
Menarik untuk disimakk,,, tambahan ilmu blogging nihhh bro,,, thx infonya,,,
Kok q cb ga keluar y foto-ny ??
Salah d mana y ??
pdhl dh copas n copy url dr picasa..
ini bisa bikin loading blog berat gak ya?soalnya dah lumayan berat nih blogku..
Mantep gan.... lanjutkan berbaginya..
udh ane follow tuh.. klo berkenan follow balik ya gan...
berita n Video Lucu
www.oritoranku.com
Tutorialnya Sangat berguna bagi Pemula.
Sukses Terus Gan.......
thanks bro infonya.,. jangan lupa mampir ya ke sini www.unsri.ac.id
top markotop gan
mampir http://callygraphycenter.blogspot.com/
info yang sangat bagus,,saya lagi mau coba dulu. mudah2an saya berhasil, maklum baru belajar buat bloG. trima kasih ya..
copy URLnya gak bisa nampil, gmn Gan????
Gan gmn carax Buat foto sampul Blog Macam Blog tutorial macam foto yg di atas >>????
mantap nich
maaf, kok pas di pratinjau ga ada gambarnya yah :(
makasih infonya. sangat berguna =)
thanks a lot! sy udah coba masukkan 2 gambar tapi kok cm 1 gambar yang muncul?
keren banget infonya Bos... mksh n' salam kenal.
gan mau nnyak nih...
knp gambarnya gak muncul nih gan...?
bisa lihat di blog gue,,herrykaliber.blogspot.com
ntar q coba
mampir y diblog q www.cukibee.blogspot.com
keren banget infonya Bos... mksh n' salam kenal.
caranya mengganti alamt gambarnya itu gimana???
kunjungi balik yaa,.di http://rinadianirmbi.blogspot.com
terimakasihh
weh kok belum muncul ya gambarnya...
Foto bucket apa, ko rada ribet juga ya, trim potingannya
ini nge bantu banget
makasih ya
sudah saya coba dan ternyata berhasil...thanks y gan atas ilmunya..yang mau lihat silahkan cek di blog ane..http://sandal-sancu.blogspot.com/2012/02/katalog-sandal-sancu.html
menu tata letak tu dimana??
di buat contohnya jga dong gan:)
cara masukkan gambar atau fotoku bagimana.????
terimakasih buat informasinya :)
thank's banget ilmu ne,,
bermanfaat banget
jangan lupa mampir yak be blog ku :)
makasih infonya,,
aq udah coba tapi kok gambarnya g muncul yaa??? bisa kasih solusi...
silahkan kunjungi dan lihat blogq http://cobaajahlah.blogspot.com/
terimakasiiih :)
Ilmu nya sangat bermanfaat.
siswapertamamultimedia.blogspot.com
mantap gan
thanks ...
kucoba dulu ya ghannnn
mg za berhasil
aminnnnnnnnnn
GOOD,thank. Kompetensi tertinggi adalah "sharing".
MANATAB, IJIN BUAT IMPLEMENTASI DI BLOGKU GAN.... MAMPIR2 DI LEK2PN.BLOGSPOT.COM
bos cara sum gambarx bgaimna??????
Makasih Kk Infonya... Jgn Lupa Mampir.
http://bembengmyblog.blogspot.com/
maksudnya, alamat fotonya yg mana gan ?
Thx ya artikelnya :)
terimakasih jadi semangat bgeblog lagi saya
terima kasih sob atas ilmunya
Wahhh hasilnya kayak gimana ya? ada demo nya?
GAGAL TOTAL GAN !!! TU GK BSA TAMPIL .
mantap ilmunya. mampir ke punya ane agan" sekalian. hhehe...
eotrust.blogspot.com
weddingtrust.blogspot.com
sbytravel.blogspot.com
Terima kasih Bro, saya telah berhasil tempelkan slider di blog saya, ada yg
1. Bisa up, down, right and left.
2. Bisa berhenti, kalo didekati kursor, fotonya membesar kalau diklik.
Jadi masih banyak kerjaan, karena sy harus kasih harga pada gbr2 brosur pake photo shop.
Sayang sy belum berhasil merubah tinggi jendelanya, agar lebih pendek, sehingga jadi segi empat.
Blog sy ; VILLAHELY TAS LAPTOP
ketik di google search n klik.
Masih berantakan
http://www.taslaptop-villahely.blogspot.com
thanks a lot... aku berhasil :D
Ijin coba ya sob ??
suwun kang ??badhe di coba???
terimakasih kang??
Posting Komentar
Silahkan Berkomentar disini...