Slideshow Horizontal pada Recent Post Blogspot
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 "Artikel Terbaru"
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://khazaam-khazaam.blogspot.com/ feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script>
<script
type="text/javascript">
ImageBook();
</script>
|
Mudahkan? Selamat mencoba
Terima Kasih Untuk Semua Pengunjung/Pembaca KhaZaAm. Semoga Bermanfaat
Langganan:
Posting Komentar (Atom)
Makasih ya infonya.. sgt membantu...
BalasHapus