Cara membuat slideshow pada blog

Assalamu'alaikum wr..wb !

SHARING404.NET | Pada kesempatan kali ini saya akan membagi/share satu tutorial blogger lagi, yaitu cara membuat slideshow pada blog.

Apa itu slideshow ?
Slideshow adalah berupa satu widget yang bisa dipasang di blogger, wordpress, dan website-website tertentu. Slideshow bisa pula dikatakan segumpulan gambar atau video yang saling bergantian pada suatu widget. Kegunaan slideshow biasanya hanya untuk memperindah tampilan blog atau website, bisa juga sebagai jalan pintas suatu artikel pada web/blog, tergantung versi slideshownya.

Untuk demonya bisa dilihat disini PERVIEW

Nah, untuk memasang widget slideshow tersebut anda isa langsung meng-copy kode html dibawah ini :

<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=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUNa6FIr2tP20p84eed4ZpD1fwL6g9R3kztjhsEmURNvReUM8KcRyI0B9IM3YXze9sjlcigDfiuJXKPGqLwPIhRQGCssem0gd3tzov4-p17u_EtMWNT8fz6Mpq02G_Df635U1npxYTHCxh/s1600/vjvh.png " />
<img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFERKqE21PfyfZ1tvs_-8aLNViynJqWW-lCQWEmFz1DgLZZiZt7cigkL23Beable1rzEcRUKhz_TgW-uBSdStA3AZ-6ei6ZSN9Pxm6XfewhIEn1dZ-A4F9ppov-CqaAiVgduODf4M5xaHG/s1600/autumn-road-wallpaper.png " />
<img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMgE8bxERG2JdMHQcQOXcNRMfU1llZddXQN_D4OSHgmWgU8bxtbkrM8dlwRJ64TrYslc9Dm6gPogHCEXOaD77_Yeo1y-M7osqTLG6xreIEntdpWJpg1EuIp09_Y1d7VNs4a7VT43YFjxFy/s1600/jfjyf.png " />
<img src=" https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-xap1/v/t1.0-9/10599462_758532084187857_8281303223529642246_n.jpg?oh=eae2a68e9bccec50977f69a616f9ecc9&oe=54755C13&__gda__=1417271247_e76a91e3091e22e0a2f14774e5cd68ca " />
</div>

NOTE :
Ganti tulisan yang berwarna biru dengan link url gambar yang akan anda pasang diwidget tersebut
Kemudian pastekan kode html diatas diblog ataupun website anda, untuk langkah-langkah cara pasang diblogger bisa langsung disimak cara dibawah ini :