Tuesday 28 March 2017

Cara Pasang Widget Slideshow Foto di Blog

Setelah sekian lama mencari, akhirnya saya temukan juga cara untuk membuat slideshow foto di widget samping blogger.
Memang di template blogger terbaru menyediakan fasilitas tampilan slideshow tapi saya pernah coba dan seringkali gagal. Akhirnya saya mencari script saja, dan ada blog yang menyediakan script tersebut. Bagi beberapa blogger memang pasang foto menjadi suatu hal yang "wajib", atau sekedar pajangan saja. Langsung saja bagi yang penasaran ingin coba, bisa copas script dibawah ini , tinggal ganti url sumber gambarnya saja dan ukuran panjang lebar foto bisa disesuaikan dengan tema blog kamu. Semoga bermanfaat. Tampilan slidenya nanti seperti foto di samping kanan widget blog saya. Selamat mencoba dan keep blogging and writing guru Indonesia.


<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>

Sumber: http://www.iptekinfo.com/2014/01/cara-membuat-slide-show-foto-di-blog.html

0 komentar:

BUDAK KOMPUTER © 2008 Template by:
ArmanArifai