Membuat galery foto bergerak

Posted: 16 Juni 2011 in Daily
Tag:, , ,

Karena mendapat tugas dari bos untuk membuat web-blog dan disuruh menambahkan galery foto untuk dokumentasi. Seperti biasa muter2 di mbah google dan akhirnya buat galery dengan HTML script biasa (manual). Caranya cukup mudah (semoga ga eror.hehehe).

  1. Login dulu ke blog kita (blog kantor pake blogspot, belum tak coba di WP).
  2. Mauk ke bagian menu ‘Tata Letak’.
  3. Tambahkan Gadget dengan cara mengklik  ‘Tambah Gadget’ pada bagian tata letak yang diinginkan.
  4. Pilih widget ‘HTML/JavaScript’.
  5. Isi kotak judul dengan judul galery anda.
  6. Pada box ‘Konten’, ketikan atau copy Script dibawah ini :
    <marquee direction=”up” onmouseover=”this.stop()” scrollamount=”3″ onmouseout=”this.start()”><img src=”url_gambar.jpg” width=”150” height=”80”></marquee
  7. Gantikan alamat gambar “src” yang ditulis miring pada script <img src=”url_gambar.jpg” width=”150” height=”80”> dengan alamat gambar anda, kalo belum ada upload dulu ke Picasa, FhotoBucket, dll, trus ambil URL-nya dan masukkan pada tulisan yang dicetaak miring. Sedangkan “width” dan “height” untuk mengatur ukuran lebar dan tinggi gambar sesuai dengan selera anda. Untuk banyak gambar copykan script di bawah ini
    <marquee direction=”up” onmouseover=”this.stop()” scrollamount=”3″ onmouseout=”this.start()”>
    <img src=”url_gambar_1.jpg” width=”150” height=”80”>
    <img src=”url_gambar_2.jpg” width=”150” height=”80”>
    <img src=”url_gambar_3.jpg” width=”150” height=”80”> 
    <!– dan seterusnya… –> 
    </marquee>
  8. Setelah itu klik  ‘Simpan’ untuk menyimpan gadget yang barusan anda buat.
  9. Terakhir, klik ‘simpan’ lagi pada tampilan rancangan anda.
  10. Buka kembali blog untuk mengetahui hasilnya.

 

source : google

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s