“ittaqunnar walau bisyiqqo tamrotin: Jagalah diri kalian dari api neraka, meski hanya dengan bersedekah sepotong kurma”(Hadits Shahih, Riwayat Bukhari dan Muslim. Lihat Shahiihul jaami’ no. 114)

Saturday, February 13, 2016

Cara Membuat Gallery Photo gambar bergerak berjalan di blog


Mungkin ada diantara teman-teman yang ingin membuat banner berjalan di blog,atau jika punya gambar kesayangan mungkin bisa buat gambar berjalan di blog, bisa juga jika punya foto maka membuat foto berjalan di blog. Anda bisa menempatkan banner, gambar, atau foto tersebut di dalam postingan atau di disebar (gadget html/javascript). Prosedur atau cara buat banner berjalan hampir sama dengan cara buat teks berjalan (marquee)


Ada beberapa tahap yang harus anda lakukan,
1. Upload gambar dari komputer ke situs layanan image hosting gratis seperti photobucket, tinypic, dll (dalam contoh ini kita menggunakan photobucket)

Cara upload foto atau gambar dapat dilakukan dengan 2 cara yaitu : gambar diupload ke hosting sendiri dan ada satu cara lagi yaitu gambar diupload ke situs lain, dalam hal ini adalah situs penyedia image hosting, seperti photobucket.com

Cara upload foto atau gambar di hosting sendiri ( dot com anda sendiri ) dapat dilakukan dengan login ke cpanel hosting anda, kemudian klik upload, tentukan gambar yang akan diupload dan ikuti petunjuk selanjutnya.

Sedangkan cara upload foto atau gambar ke photobocket.com dapat dilakukan dengan langkah sebagai berikut :
  • Jika anda sudah mempunyai akun di photobucket.com, anda dapat langsung sign in, jika belum anda harus membuat akun dulu dengan klik sign up dan ikuti petunjuk selanjutnya.
  • jika sudah sign in langsung klik saja upload
  • kemudian klik select photos and videos
  • pilih gambar yang ingin diupload
  • setelah proses upload foto atau gambar selesai, kemudian klik view album untuk melihat gambar.
Sampai di sini proses cara upload foto atau gambar sudah selesai, namun jika kita ingin menyisipkan gambar tersebut, kita harus mengetahui link gambar dengan cara sebagai berikut :
  • setelah kita sign in ke photobucket.com, klik saja view album
  • kemudian pilih gambar yang diinginkan ( arahkan mouce, klik direct link )
  • Dan copy paste kedalam blog yang kita inginkan
2. Masuk/Login ke Blogger.com menggunakan akun sobat.
3. Pada Dasbor tampilan blogger baru, pilih Menu >> Tata Letak >> Tambah Gadget >> HTML/JavaScript.
3. Beri judul pada Widget, Contoh "My Foto Gallery". 
4. Kemudian letakkan semua kode di bawah ini pada kotak HTML/JavaScript.

<marquee behavior= "alternate" direction="left" scrollamount ="4" width= "100%" height="100%">

<img src="Alamat URL gambar 1"height="200"width="260"/>

<img src="Alamat URL gambar 2"height="200"width="260"/>

<img src="Alamat URL gambar 3"height="200"width="260"/>

</marquee>

Penjelasan:
<marquee .....>
kode perintah awal dimana tanda titik-titik dapat diisi perintah sarberputar, arah putar, ukutan tampilan

"alternate"
Arah berputar bisa kekanan dan ke kiri.

scrollamount="4"
kecepatan perputaran gambar, semakin tinggisemakin cepat

<img src=....../>
kode tempat menampilkan alamat gambar di url tempat kita upload

</marquee>
kode perintah penutup

Setelah semua di paste kan, lalu save dan langsung bisa dilihat hasilnya.

Semoga bermanfaat,
DK

6 comments: