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
<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:
Post a Comment