Selasa, 28 Mei 2013

Cara Membuat Gallery foto gambar bergerak berjalan di blog default (Biasa)

01.02 By No comments

Gallery foto atau gambar di blog memang banyak sekali kita jumpai pada halaman blog yang mengutamakan promosi melalui gambar maupun foto image, Biasanya dipasang pada widget blog situs jual beli online. Namun pada tutorial blog yang akan saya share kasih trik dan tips-nya berikut ini adalah cara membuat gallery foto di blog dengan efek bergerak atau berjalan, Efek ini populer disebut efek Marquee. Jadi hasilnya tidak seperti gallery foto yang biasa, Karena gallery foto ini akan bergerak atau berjalan.

 Untuk cara membuat gallery foto gambar bergerak berjalan di blog, Caranya sangat mudah sekali. Ukuran lebar dan tinggi foto atau gambar bisa di atur agar sesuai dengan keinginan sobat. Karena cara ini adalah cara manual dan sobat bisa sesuka hati mengaturnya. Silahkan sobat mengikuti langkah-langkah yang akan saya berika.

Ada beberapa opsi pilihan dari gallery foto gambar bergerak berjalan di blog yang bisa sobat pilih, Diantaranya:


  • Gallery foto gambar bergerak berjalan di blog default (Biasa).
  • Gallery foto gambar bergerak berjalan di blog dengan Url Link tujuan bila di klik.
  • Dan masih banyak lagi, Tergantung pandai-pandainya sobat untuk berexperiment menambahkan kode-kode tertentu dalam gallery.
 Agar sobat tidak bingung dengan penjelasan saya di atas, Nanti akan saya jelaskan caranya satu-persatu, Agar sobat bisa mengerti dengan mudah.

Cara Membuat Gallery foto gambar bergerak berjalan di blog default (Biasa)

1. Silahkan sobat >> Masuk atau Login ke blogger.com menggunakan akun sobat.

2. Pada Dashboard tampilan blogger baru, Pilih Menu >> Tata Letak >> Tambah Gadget >> HTML/JavaScript.

3. Beri judul widget, Contoh "My Foto Gallery". Kemudian letakkan semua kode di bawah ini pada kotak HTML/JavaScript.

<marquee direction="up" onmouseover="this.stop()" scrollamount="3" onmouseout="this.start()">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisWCU8gHEq9imfIWhw-G-0bc_JbmH1gukXvOQE9CJezK8qn02UMo_kpWSBdq8RH1mW7NpJ_4WP4lFecNwrQd8uWOzm7fgR5zlgLEA0EvNAlQkjpBPIfIIl-qkCfFpKqnNLzeGZeO3xJn8/s1600/PINK1.jpg" width="120" height="120" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFKte73QbZ-_PML5XDRiaGJNyMBimNYcaVayKHkW0DhFum-BZ3jNc0UvW6n2nDxTSXvkTl8fuP1ESek4mmoICcWJg0KGMZwHC7XnyDlRRj8rbBm_wXxPW1yYRHzFGmVNlvYh3KxTVWLtc/s1600/HT3.jpg" width="120" height="120" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXOEDhCOFbn0ipGtm7WqV_DmFL8bbdtV3sFkRldd1FyUBOwAxbB-hhfpdtt4iHSW3foWubs3FhX7I1g2573u_tiHox3ZmceH18TvPa3DK7t5j4P9eYEFEFoEneIGTUL_1sZZKeqtyCVwI/s1600/sonal_chauhan.jpg" width="120" height="120" /></marquee>



Keterangan:

  • Warna Merah adalah Alamat URL gambar atau foto image. Silahkan sobat ganti dengan alamat URL gambar atau foto image sobat.
  • Warna Biru, width="120" dan height="120" adalah ukuran Lebar dan Tinggi image gambar atau foto. Silahkan sobat atur nilainya sesuai dengan keinginan sobat agar sesuai dengan widget blog sobat.
  •  <marquee direction="up" adalah arah bergerak berjalan ke atas. Silahkan sobat ganti up jadi down jika ingin arah berjalan bergerak ke bawah.

0 komentar:

Posting Komentar