Cara Membuat Recent Post dengan Buku Slideshow

Sebelum nya sudah di jelaskan Bagaimana Cara Membuat Recent Post Berdasarkan Label dan Thumbnail serta Cara Membuat Recent Post dengan Slide Bundaran atau Berputar. Kali ini masih berhubungan dengan Recent Post, tapi tampilan slide nya berbentuk slideshow buku yang akan terbuka secara otomatis.

Cara ini tidak terlalu sulit. sekarang mari Ikuti Langkah-langkah Cara Membuat Recent Post dengan Buku Slideshow seperti yang akan Saya jelaskan di bawah ini:

Terapkan Gadget:
Desain -> Klik "Tambah Gadget" -> HTML / JavaScript tipe.

<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://ahmad-roni.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script>
<script type="text/javascript">
ImageBook();
</script>

Jika ada yang kurang mengerti, silahkan tanya pada Kotak Komentar di bawah ini. Semoga Tutorial ini bermamfaat untuk Anda.


Sumber: www.abu-farhan.com