Cara membuat Slideshow buku Horizontal pada Recenet Post Blogspot Anda

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