Membuat Slideshow di blogger Part.2

Kali ini saya akan memberitahu cara membuat slideshow dengan style yang berbeda dari slideshow yang sebelumnya, untuk tampilnnya bisa kalian lihat gambar diatas, Ok, langsung kalian ikuti saja langkah - langakah berikut.

1. Login ke blogger masing - masing > Tata Letak > Tambah Gadget.

2. Pilih HTML/Javascript

3. Masukan kode dibawah ini.

<div id='featuredContent'>
<div id='slideshow'>
<div id='slideshowThumbs'>
<ul><script>   
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script> </ul>
</div>
<div class='post' id='slideshowContent'>
<script>   
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script></div>
</div>
<script type='text/javascript'>
$(function() {
$("#slideshowThumbs ul").tabs("#slideshowContent > div", {
effect: 'fade',
fadeOutSpeed: 1000,
rotate: true
}).slideshow({
clickable: true,
autoplay: true,
interval: 3000
});
});
</script>
<div class='clear'>
</div>
</div>

4. terakhir tinggal di Save.

Gimana? mudah kan, selamat mencoba ^_^