Cara Membuat Slide Show Blog

Selamat datang kembali sahabat pengunjung semuanya, wah admin kali ini akan berbagi informasi tentang Cara Membuat Slide Show Foto Di Blog. Mungkin ada diantara sahabat yang belum bisa membuat slide show foto diblog kan? nah justru itu admin akan memberikan tutorial tentang Cara Membuat Slide Show Foto Di Blog ini. Silahkan baca dan pahami dengan baik ya sahabat.


Dalam membuat slide show kita tidak diperlukan pemograman java dan css nya cukup sahabat copy paste kan saja artikel admin nantinya kemudian silahkan simpan slide shownya. memang dihalaman ini tidak admin sediakan scriptnya karna halaman ini dibuat anti copaste jadi sahabat harus mengunjungi halaman ini untuk mendapatkan scriptnya.

Membuat slide show di blog bertujuan untuk menampilkan foto-foto sahabat dan bisa mempercantik halaman blog nantinya. Dengan pergerakan gambar sesuai dengan slide show yang sahabat inginkan.



Cara Mudah Membuat Slide Show Foto di Blog

1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
 
    <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: 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>


5. Ganti URL Foto 1 dengan URL foto yang sudah dihost (upload)
6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya.
7. Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
7. Simpan jika sudah selesai.



Nah mudah kan sahabat Cara Membuat Slide Show Foto Di Blog ini? semoga sahabat bisa terbantu dalam membuat slide show foto di blog ini. Terimakasih telah berkenan berkunjung dihalaman sederhana admin ini tentang Cara Membuat Slide Show Foto Di Blog.