Bosan dengan tampilan Recent Post klasik. Pada tutorial kali ini anda bisa memiliki recent post dengan tampilan buku yang indah. Percaya?
Coba saja ikuti langkah-langkah dibawah ini. Dan kalau anda ingin melihat Contohnya, silahkan rubah arah pandangan anda pada widget sebelah yang bertuliskan "Slide Show Artikel terbaru"
Seperti biasa, masuk ke Design -- Click on “Add a Gadget” -- HTML/JavaScript type.
Kemudian masukkan kode berikut dibawah ini ke dalamnya
<script type="text/javascript">
// 7 variables to control behavior
var Book_Image_Width =140;
var Book_Image_Height =225;
var Book_Border =true;
var Book_Border_Color ="gray";
var Book_Speed =15;
var Book_NextPage_Delay =1500; //1 second=1000
var Book_Vertical_Turn =0;
// variables for content
var random_posts = true; // random posts
var numposts_gal = 10; // number of posts
</script>
<script src="http://catur-at-abu-farhan.googlecode.com/svn/trunk/galeryposts-bookflip.js" type="text/javascript"></script>
<script src="http://catur-at-abu-farhan.googlecode.com/svn/trunk/bookflip.min.js" type="text/javascript"></script>
<div id="Book" style="position:relative">
<img src="http://i1133.photobucket.com/albums/m596/abu-farhan/bookflip/placeholder.gif" width="144" height="227">
</div>
<script src="http://bagisahabat2.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script>
<script type="text/javascript">
ImageBook();
</script>
Jangan lupa rubah alamat "http://bagisahabat2.blogspot.com/ dengan alamat blog anda
Mudahkan? Selamat mencoba
