Automatic Image Slider for Blogger using Bookflip
Bismillah, Alhamdulillah, Based on request from visitor about book flip slideshow , so I made This widget for blogger. result of this widget can show image inside of your posts automatic to become book flip slideshow for blogger.
demo
Follow this step to use this gadget
Apply Gadget
Design -> Click on “Add a Gadget” -> HTML/JavaScript type.
<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://ecatrack.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script>
<script type="text/javascript">
ImageBook();
</script>
// 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://ecatrack.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script>
<script type="text/javascript">
ImageBook();
</script>
0 التعليقات:
Post a Comment