Simple Ways to Make a Book Flip On Your Website or Blog

Simple Ways to Make a Book Flip On Your Website or Blog - Usually, there are some people want to make a variant of related article on the website or blog.

1.  Login on your Blog
2. Design / Add Gadgets
3. Select HTML / JavaScript
4. Copy and paste the code below :

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

 5. Replace "THE NAME OF YOUR BLOG" with the name of your domain blog. And than save.

LIVE DEMO

Paper 4Share -  Simple Ways to Make a Book Flip On Your Website or Blog