Pada kali ini saya ingin ngeshare sedikit tentang Cara Membuat Slide Show Foto di Blog. Berikut cara caranya sob.
- Log in ke blogger
- Masuk ke lay out
- Pilih add gadget
- Cari html/javascript
- lalu copy script dibawah ini
- Save
<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>
<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>
- Blog akan terlihat lebih menarik dengan adanya fitur slide show foto ini
- Dapat membantu pada pengunjung untuk menemukan artikel artikel secara random
Apa Kerugian Mengguanakan fitur ini ??
- Dapat membuat loading page blog agak lebih berat dibandingkan tidak menggunakan fitur ini
- Kemungkinan SEO akan berkurang apabila kita menggunakan slide show dengan foto
Oke selesai, jangan lupa diisi url url foto - foto yang mau ditampilin gan. Sekian terima kasih. CMIIW ^_^
Silahkan berkomentar sesuka anda. Tapi jangan menaruh link hidup ConversionConversion EmoticonEmoticon