Membuat Widget Gallery Photo Ringan pada Blog Bag 2

Membuat Widget Gallery Photo Ringan pada Blog Bag 2
Gallery foto atau gambar pada blog sudah banyak sekali kita jumpai pada halaman blog yang biasa digunakan untuk promosi melalui gambar. Sebelumnya saya sudah menjelaskan Membuat Widget Gallery Photo Ringan pada Blog dengan efek bergerak atau berjalan, tetapi artikel yang saya share kali ini menggunakan efek slide, dan tentunya hasilnya seperti gallery foto yang biasa, karena gallery photo ini akan berganti secara otomatis. Maka dari itu langsung saja saya jelaskan langkah - langkahnya.

1. Buka blogger.com dan login ke dalam akun blog Anda.
2. Pilih Tata Letak (Layout) blog.
3. Pilih Tambahkan Gadget (Add Gadget) >> HTML/JavaScript.
4. Pilih / Klik HTML/JavaScript dan copy pastekan kode berikut pada kolom yang tersedia.

<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 230px;
}
</style>
<div id="content-slider">
<img src="URL Foto Anda"/>"
<img src="URL Foto Anda"/>"
<img src="URL Foto Anda"/>"
<img src="URL Foto Anda"/>"
</div>

5. Klik simpan dan lihat hasilnya pada Blog anda.

6 Responses to "Membuat Widget Gallery Photo Ringan pada Blog Bag 2"