CARA MEMBUAT SLIDE SHOW DI POST BLOGGER

    

Banyak kegiatan-kegiatan di sekitar yg dapat direkam di blog kita menggunakan teknik Slide Show, sehingga memudahkan pembaca untuk mengetahui kegiatan melalui kumpulan foto-foto kita..Ini lebih mudah daripada kita terlebih dahulu membuat file gambar dalam bentuk . gif seperti contoh disamping. Selain membutuhkan waktu lebih juga untuk foto-foto dalam jumlah banyak dapat membuat blog kita menjadi lemot karena file gif nya terlalu besar.
Langsung aja ke tujuan .. cara membuat slide show di postingan kita..
1. Buka Blog kita
2, Klik gambar pensil (post)
3. Pilih HTML (jangan yang compose)
4. Copy paste kode dibawah ini :

<script src='http://yourjavascript.com/114893121052/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/90260412110/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: auto;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: auto;
   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" />
<img src="URL Foto 5" />
<img src="URL Foto 6" />
</div>


Catatan :
- yang berwarna biru merupakan panjang dan lebar slide kita
- URL Foto merupakan alamat dari gambar/ foto kita
   contoh :  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheXBR-bKEm_Gjmy2dVfm3AHGzi2wYhgbyOO7zoEmx0_FjVgiA_Rm8mNSt22jQduLjxfyGHFeycWhE-anEo3pvD6WqmJclbCIo1Iwp5GSBO2XgKS1ama0xsDYVRQ0xO8tA7BTHIOZO5Wda-/s1600/IMG_8273_zps30a932e0.jpg
   Bila foto lebih dari enam, anda dapat menambahkan sendiri kodenya..



Selamat Mencoba ......... Bila belum berhasil silahkan untuk bertanya ......