Responsive Templates

DownloadLive Demo

Template Details :

Platform Type	Blogger / Blogspot
Template Name	Responsive Templates
Instructions URL	How to use this template
Template Author	Herdiansyah Hamzah
Designer	www.borneotemplates.com
Features	3 column, Right Sidebar,seo friendly,hight Adsense,fast loading, widget ready, share buttons, simple, blue, White.
Descriptions	Responsive Templates is free responsive blogger templates with categories personal themes, very good for blog related about blog,3 column right and left,White and blue is main color for this blogger templates, very fast loding on browser.

Create a post summary with thumbnail

Go to Template HTML Editor. Search for </head> tag Put Below </head>  This Script
<script type="text/javascript">
 var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail
 summary_noimg = 300; //summary length when no image
 summary_img = 340; //summary length when with image
 img_thumb_height = 135;
 img_thumb_width = 150;
 </script>
<script type="text/javascript">
 //<![CDATA[
 function removeHtmlTag(strx,chop){
     if(strx.indexOf("<")!=-1)
     {
         var s = strx.split("<");
         for(var i=0;i<s.length;i++){
             if(s[i].indexOf(">")!=-1){
                 s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
             }
         }
         strx =  s.join("");
     }
     chop = (chop < strx.length-1) ? chop : strx.length-2;
     while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
     strx = strx.substring(0,chop-1);
     return strx+'...';
 }

 function createSummaryAndThumb(pID){
     var div = document.getElementById(pID);
     var imgtag = "";
     var img = div.getElementsByTagName("img");
     var summ = summary_noimg;
         if(thumbnail_mode == "yes") {
     if(img.length>=1) {
         imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
     }
     }
     var summary = imgtag + '<div>
' + removeHtmlTag(div.innerHTML,summ) + '</div>
';
     div.innerHTML = summary;
 }
 //]]>
 </script>