Add Read More Button in blogger blog (with Thubmnail)

Today i find most useful tips for blogger.Today Im show you how to edit or customize your blog post to read more button in blogspot blog.most of blogger want to use this button there blog,but they dont know how to use read more button in blog.

Plz Follow some steps
Ad
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’>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src=’http://keerthiset2.110mb.com/excerpt.js’ type=’text/javascript’/>



Step 5 :  Now Scroll down again and search for the below line.


 <data:post.body/>


Step 6 : Replace the above code with below code.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<data:post.body/>
<b:else/>
<div expr:id=’&quot;summary&quot; + data:post.id’>
<data:post.body/>
</div>
<script type=’text/javascript’>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style=’clear: both;’/>
<span style=’padding-top:5px;;float:right;text-align:right;’><a expr:href=’data:post.url’ rel=’bookmark’><b>Reade more >></b></a></span>
</b:if>

 Step 7 : Now save your blogger template.

Incoming Search Items

• Add Read More Button in blogger blog easily
• how to Add Read More Button in blog
• Add Read More Button 2013
• Add Read More Button in for blog
• Add Read More in blogger
• Read More button for blogger