Dari Lay Out Blogger, klik Add Gadget > pilih yang HTML/Javascript.
Copy script di bawah ini dan paste-kan di html javascipt
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js"
type="text/javascript"></script>
<style type="text/css">
#picasaSlideshow {
width: 250px;
height: 200px;
margin-bottom: 5px;
padding: 5px;
}
</style>
<script type="text/javascript">
google.load("feeds", "1");
function OnLoad() {
var feed = "PUT FEED URL HERE";
var options = {
displayTime:2000,
transistionTime:600,
numResults : 8,
scaleImages:true,
fullControlPanel : true
};
var ss = new GFslideShow(feed, "picasaSlideshow", options);
}
google.setOnLoadCallback(OnLoad);
</script>
<div id="picasaSlideshow" class="gslideshow"><div class="feed-loading">Loading...</div></div>
<a href="http://www.blogdoctor.me/2009/02/custom-slideshow-gadget-for-blogger.html">Custom Slideshows.</a>
Setelah itu Anda buka Album Anda di Photobucket.
Di bagian bawah, cari icon warna orange yang ada tulisan "Feed for this album". 
Klik dan copykan alamat url nya yang akan muncul di atas, kira-kira seperti ini http://gfeed115.photobucket.com/groups/n313/ED7B10ANKD/feed.rss
Di bagian "PUT FEED URL HERE"; paste-kan alamat album photobucket Anda tersebut.
Setelah itu Save.
Untuk mengubah ukuran tampilan slidenya, cari kode seperti di bawah:
width: 250px;
height: 200px;
Anda bisa ubah menjadi lebih kecil misalnya:
width: 200px;
height: 110px;
Selamat mencoba
Recent Posts
March 23, 2009


0 comments