Cara Membuat Galeri Foto Slideshow Di Postingan Blog - Menempatkan foto didalam postingan blog merupakan cara yang umumnya dilakukan oleh seorang blogger untuk membuat artikelnya menjadi lebih bermakna. Banyak model penempatan foto didalam postingan blog, salah satunya adalah dengan model slideshow. Slideshow foto adalah tayangan dari beberapa foto yang berubah-ubah secara otomatis. Dengan tampilan slideshow, maka penempatan foto didalam postingan blog tidak menggunakan banyak ruang, sehingga postingan terlihat lebih rapih.
Banyak cara untuk membuat foto slideshow di postingan blog, salah satunya adalah cara yang paling sederhana, yang bisa Anda lakukan berikut ini :
1. Login ke blog Anda.
2. Buat artikel Anda, Postingan > Entri baru.
3. Alihkan mode "Compose" menjadi "HTML".
4. Silahkan copy script dibawah ini kemudian paste di area entry html.
<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 Anda" />
<img src="URL Foto Anda" />
<img src="URL Foto Anda" />
<img src="URL Foto Anda" />
</div>
<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 Anda" />
<img src="URL Foto Anda" />
<img src="URL Foto Anda" />
<img src="URL Foto Anda" />
</div>
- Pada tulisan yang berwarna merah "URL Foto Anda", silahkan masukan url foto Anda.
- Silahkan ubah ukuran width dan height untuk menyesuaikan besarnya foto.
- Jika ingin menambah foto, silahkan copy-paste kode <img src="URL Foto Anda" />
- Jika muncul peringatan seperti gambar dibawah ini, silahkan klik "Tutup".
5. Selanjutnya silahkan publikasikan postingan Anda dan lihat hasilnya.
Baca juga artikel : Cara Membuat Galeri Foto Di Postingan Blog
Itulah Cara Membuat Galeri Foto Slide Show Di Postingan Blog yang dapat Anda lakukan. Dengan cara ini, maka tampilan foto di postingan menjadi lebih menarik. Semoga bermanfaat.
