Follow Us On Youtube

banner image

How to Add Read More Option in Blogger Post

How to Adding ” Read More ” to blogger Posts

Here my 98th article about the how to add read more option to blogger.Now here to discuss the read more so what is read more option actually lots of blogger people they copy the other the blog content so that's why read more option will help to you what will the read more help ful to you if any body like to copy the website of blogger or wordpress the copy content end the read more option will come through the post link so thats why if they paste the blogger post article then publish after our blog will get a seo backlink its really helpful to you but don't copy the content its really harm full to your blogger and adsense. On the starting time iam also copy the other sites content that's why ill face lots of rsik thing so do not copy content.So here we learn how to install read more html code in blogger.Just a simple to do add the option for read more please follow the below.

How to Create 'After the jump' summaries in Blogger :

Step 1.Go to "Template" --> "Edit HTML" of your blog.

Step 2.Click on "Expand Widget Templates"

Step 3.Scroll down to where you see </head> tag.

Step 4.Now add below code just before </head> tag.

<script type='text/javascript'>
summary_noimg = 250;
summary_img = 200;
img_thumb_height = 150;
img_thumb_width = 150; 
<script type='text/javascript'>

function removeHtmlTag(strx,chop){ 
var s = strx.split("<"); 
for(var i=0;i<s.length;i++){ 
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;


Step 5. Now find the below htnl line


Step 6.Replace above code with below code.

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" +'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<>");</script>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div style='float:right;margin-right:10px;margin-top:5px;'>
<a expr:href='data:post.url'>Read More</a>

Now save the template.Simple your read more option is added in your blogger
How to Add Read More Option in Blogger Post How to Add Read More Option in Blogger Post Reviewed by Thokala Media on 3/31/2013 05:38:00 am Rating: 5
Powered by Blogger.