CARA MEMASANG WIDGET SLIDE DI BLOG

CARA MEMASANG WIDGET SLIDE DI BLOG

Assalamu'alaikum wr. wb. Salam sejahtera bagi pembaca blog ini...

Helo gan... berjoempa lagi bersama ane... kali ini ane bakal ngebeberin caranya "PASANG WIDGET di BLOG".... blog emank terkadang akan membosankan jika tidak ada sentuhan gambar dan lalu pembaca pun meninggalkan blog...  bah.... enggak enak kan..... maka dari itu salah satu fungsi diberinya skate... eh, maksud gua slide, supaya orang tidak mudah meninggalkan blog...

Ok... langsung ajah...

1. Login akun blogger

2. Pergi ke Tata Letak

3. Pilih Tambahkan gadget...

4. Lalu pilih "HTML/Java Script"

5. Masukkan Judul dan Scriptnya...

ini scriptnya....

<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: 250px;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 250px;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="URL FOTO 1" />
<img src="URL FOTO 2" />
<img src="URL FOTO 3" />
<img src="URL FOTO 4" />
</div>

keterangan :

-untuk mengubah arah gerakan ganti "up" nya...

-tambahkan gambar dengan mengganti "URL GAMBAR" dengan URL gambar yang ingin di tampilkan

-mengatur ukuran gambar lewat width(lebar) dan height(tinggi)

6. Klik simpan dan selesai.....

Oke.... ini dijamin bisa gan.... soalnya ada contohnya di pinggir blog kan.....udahan untuk post kali ini, gut bay mai broder, Wassalamu'alaikum wr. wb.

Ecce in te, alius post...