HandPay Blogger Template

Template Information

Installation Blogger Tutorial

Please follow this step to install slider in your blog.

1. Login into your blogger account
2. Click “Layout“
3. In your Page Element, click “Add a Gadget“
4. And then choose “HTML/Javascript”
5. Add this code.

   <div id="s1" class="pics">
   
   <div>
   <img alt="Picture Name" width="490" src="Your_Picture_URL" height="298px" width="490px" zc="1"/>
   <div class="excerpt">
   <p><a href="Your_URL" title="Your_Title">Your_title</a></p>
   <p class="excerpt-text">Your Description ....</p>
   </div>
   <a href="Your_URL" title="Your_Title"><span class="feat-overlay"/></span></a>
   </div>
   
   <div>
   <img alt="Picture Name" width="490" src="Your_Picture_URL" height="298px" width="490px" zc="1"/>
   <div class="excerpt">
   <p><a href="Your_URL" title="Your_Title">Your_title</a></p>
   <p class="excerpt-text">Your Description ....</p>
   </div>
   <a href="Your_URL" title="Your_Title"><span class="feat-overlay"/></span></a>
   </div>
   
   <div>
   <img alt="Picture Name" width="490" src="Your_Picture_URL" height="298px" width="490px" zc="1"/>
   <div class="excerpt">
   <p><a href="Your_URL" title="Your_Title">Your_title</a></p>
   <p class="excerpt-text">Your Description ....</p>
   </div>
   <a href="Your_URL" title="Your_Title"><span class="feat-overlay"/></span></a>
   </div>
   
   </div> <!-- end .pics -->
   
   <div id="slider-control">
   
   <div class="featitem">
   <img alt="" src="Your_Image_URL" height="67px" width="67px" zc="1"/>
   <span class="order">1</span>
   </div> <!-- end .featitem -->
   
   <div class="featitem">
   <img alt="" src="Your_Image_URL" height="67px" width="67px" zc="1"/>
   <span class="order">2</span>
   </div> <!-- end .featitem -->
   
   <div class="featitem">
   <img alt="" src="Your_Image_URL" height="67px" width="67px" zc="1"/>
   <span class="order">3</span>
   </div> <!-- end .featitem -->
   
   </div> <!-- end slider-control div -->

6. Save

To insert your twitter update list, just change my twitter ID with your own. Find this code in your template code.
.setUser('templateplace')
You just change templateplace with your twitter ID.

This template was ready with automatic read more hacks. So, you do not need to make it with manual trick. But, if you want to change the image size, you must change in the script.

1. Go to Layout
2. Click Edit HTML
3. Find this code.
   <script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 550;
summary_img = 450;
img_thumb_height = 125;
img_thumb_width = 200;
</script>
   Change img_thumb_height and img_thumb_width value to re-size it.

1. Go to Layout
2. Click Edit HTML
3. Find this code.
   Your_FeedBurner_ID and change with your feed ID.

Best regard

Cheer's - ThemeSkype | Tutorial Blogs

Related to HandPay Blogger Template