Untuk trik membuat gallery foto gambar bergerak berjalan di blog, Caranya sangat mudah sekali. Ukuran lebar dan tinggi foto atau gambar bisa di atur sesuai dengan keinginan sobat. Karena cara ini adalah cara manual dan sobat bisa sesuka hati mengaturnya. Silahkan sobat mengikuti langkah-langkah yang akan saya berikan nanti.
Tampilan dari gallery photo gambar bergerak berjalan di blog, tentu saja akan mengikuti sesuai dengan gambar atau foto yang sobat terapkan. Sobat bisa melihat dalam blog Demo Kucopas yang sudah saya pasang widget Gallery foto gambar bergerak berjalan di blog.
Ada beberapa opsi atau pilihan dari gallery photo gambar bergerak berjalan di blog yang bisa sobat pilih, diantaranya:
- Gallery photo gambar bergerak berjalan di blog default (Biasa).
- Gallery photo 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 photo tersebut.
Cara Membuat Gallery Photo gambar bergerak berjalan di blog default (Biasa)
1. Silahkan sobat >> Masuk/Login ke Blogger.com menggunakan akun sobat.
2. Pada Dasbor tampilan blogger baru, pilih Menu >> Tata Letak >> Tambah Gadget >> HTML/JavaScript.
3. Beri judul pada 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/AVvXsEi5YdGWcOZvgoE8eijvX6_9hBr070Ql4c9Evv13fSv9Efy8O2IEbo52lC4EtbsUAalWW3af4ZEbtybtkRF87Wg662aCxrc2fVZpWI963rJPvQ4TxQ8PXVKDLz-k-OK7FAuyAEDDd_Uk1Rk/s1600/PINK1.jpg" width="120" height="120" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqpO80-Kb7RYug_0aAgdLhyffPD1GrfLI8EotyUt-g055sN2YrNGrdcvrXnh46r794W_2xVSoOcrj-gs7b885cC-ZIpWDwsBbRa0B0LnNRwyJHE0oIXk7YghsKCwY_XD1BkxyM5jRA7VE/s1600/HT3.jpg" width="120" height="120" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DsrzonZ5RS03aiSQajaDqVyHmSb9GfmRq3uRD0cS8uD_WEfF_yxHWSiDooVQcYjhk-XOk7aZ1qhmLKY7LGr-d5GjRhyphenhyphenZjUmrP6lsijzs3mxIR7uFnnov9QhGt_OBHj_ZnS-yXEEWRPk/s1600/sonal_chauhan.jpg" width="120" height="120" /></marquee>
<a href="http://kuc0pas.blogspot.com/2012/12/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html" target="blank"><b>Get Widget</b></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5YdGWcOZvgoE8eijvX6_9hBr070Ql4c9Evv13fSv9Efy8O2IEbo52lC4EtbsUAalWW3af4ZEbtybtkRF87Wg662aCxrc2fVZpWI963rJPvQ4TxQ8PXVKDLz-k-OK7FAuyAEDDd_Uk1Rk/s1600/PINK1.jpg" width="120" height="120" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqpO80-Kb7RYug_0aAgdLhyffPD1GrfLI8EotyUt-g055sN2YrNGrdcvrXnh46r794W_2xVSoOcrj-gs7b885cC-ZIpWDwsBbRa0B0LnNRwyJHE0oIXk7YghsKCwY_XD1BkxyM5jRA7VE/s1600/HT3.jpg" width="120" height="120" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DsrzonZ5RS03aiSQajaDqVyHmSb9GfmRq3uRD0cS8uD_WEfF_yxHWSiDooVQcYjhk-XOk7aZ1qhmLKY7LGr-d5GjRhyphenhyphenZjUmrP6lsijzs3mxIR7uFnnov9QhGt_OBHj_ZnS-yXEEWRPk/s1600/sonal_chauhan.jpg" width="120" height="120" /></marquee>
<a href="http://kuc0pas.blogspot.com/2012/12/cara-membuat-widget-gallery-foto-gambar-bergerak-berjalan-di-blog.html" target="blank"><b>Get Widget</b></a>
- 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.
Cara yang berikut ini adalah cara yang mudah dilakukan oleh para blogger mania, sebab cara ini hanya menambahkan beberapa kode saja. Namun agar sobat tidak kesulitan dalam menambahkan kode, disini akan saya kasih contoh penerapan kode yang benar.
0 Response to "Cara Membuat Widget Gallery Foto Gambar Bergerak Berjalan Di Blog"
Posting Komentar