Bismillah, 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.
You can see the slider from the demo link :

Follow this step to use this gadget
<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://www.zbobsaid.ucoz.com/bookflipbyzain/galeryposts-bookflip.js" type="text/javascript">
</script>
<script src="http://www.zbobsaid.ucoz.com/bookflipbyzain/bookflip.min.js" type="text/javascript">
</script>
<br />
<div id="Book" style="position: relative;">
<img height="227" src="http://www.zbobsaid.ucoz.com/bookflipbyzain/placeholder.gif" width="144" />
</div>
<script src="http://nextfunny.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts">
</script>
<script type="text/javascript">
ImageBook();
</script>
if you have any questions please leave a comment….thx u
Alhamdulillah… by Zbobs Site
You can see the slider from the demo link :
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://www.zbobsaid.ucoz.com/bookflipbyzain/galeryposts-bookflip.js" type="text/javascript">
</script>
<script src="http://www.zbobsaid.ucoz.com/bookflipbyzain/bookflip.min.js" type="text/javascript">
</script>
<br />
<div id="Book" style="position: relative;">
<img height="227" src="http://www.zbobsaid.ucoz.com/bookflipbyzain/placeholder.gif" width="144" />
</div>
<script src="http://nextfunny.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts">
</script>
<script type="text/javascript">
ImageBook();
</script>
if you have any questions please leave a comment….thx u
Alhamdulillah… by Zbobs Site
0 Response to "Book Flip for Recent Post"
Post a Comment