Cara Menciptakan Galeri Foto Slideshow Di Postingan Blog
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 isyarat <img src="URL Foto Anda" />
- Jika muncul peringatan menyerupai 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 sanggup Anda lakukan. Dengan cara ini, maka tampilan foto di postingan menjadi lebih menarik. Semoga bermanfaat.
Sumber http://cari2-cara.blogspot.com/
