Cara Membuat Galeri Foto Slideshow Di Postingan Blog -
Menempatkan foto didalam postingan blog merupakan cara yang umumnya
dilakukan oleh seorang blogger untuk menciptakan artikelnya menjadi
lebih bermakna. Banyak model penempatan foto didalam postingan blog,
salah satunya yakni dengan model slideshow. Slideshow foto yakni
tayangan dari beberapa foto yang berubah-ubah secara otomatis. Dengan
tampilan slideshow, maka penempatan foto didalam postingan blog tidak
memakai banyak ruang, sehingga postingan terlihat lebih rapih.
Banyak cara untuk menciptakan foto slideshow di postingan blog, salah satunya yakni cara yang paling sederhana, yang sanggup 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 lalu 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 goresan pena 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 instruksi <img src="URL Foto Anda" />
- Jika muncul peringatan ibarat gambar dibawah ini, silahkan klik "Tutup".
5. Selanjutnya silahkan publikasikan postingan Anda dan lihat hasilnya.