Adding Read More Auto On Blogger

Tuesday, March 15, 2011 ·
Adding Read More Auto On Blogger
Maybe there are still many out there who do not know or do not understand how where how to make Read More Auto on Blogger, so I want Adding Read More How To Add Automatic is in my post, for you all, please follow the steps below, and for those who already know the Please respect my post.

How:
  • The first step you must Login first to Blogger.
  • Go to Design and Select Menu Edit HTML.
  • Next you copy the code below and paste this code Top Right: </ head>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</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(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>
  • Find <data:post.body/> code and replace with the code below: 
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READMORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  • Save Template.
  • And see the result, Hopefully Helpful To You.

0 comments:

Post a Comment

Guest Book

Folower

Visitor

Visitor 2

free counters

Site Stant

  • Msn bot last visit powered by MyPagerank.Net
  • Google Pagerank Powered by  MyPagerank.Net
  • Ping your blog, website, or RSS feed for Free Free Automatic Backlink
  • Free 1000 Backlinks Text Back Link Exchange Web Link Exchange
  • Best Backlinks Auto Dofollow Backlinks Soqoo Link Exchange
  • Backlinks Builder Free Hundred Backlinks
  • Yahoo bot last visit powered by MyPagerank.Net
  •  
    Welcome to Blog My + Hope You All Good and Comfortable Being here. + Thank you for visit.