How to Add Automatic Read More Button in Blogger Blog

This article shows you how to add automatic Read More button in blogger. It is not a very important issue because most of the bloggers know how to do it. They can easily add the Read More hack to blogger. If you know how to add automatic Read More Button in blogger, you can easily do it.

How to Get Index Your New Blog Post Quickly and Easily

In this article, I want to help those who actually don’t know how to add automatic Read More button in blogger blog. I think Read More button/hack is really important for all the blogger. It makes your blog attractive.

If you don’t add this option to blogger, then it will show all the content on your home page. It looks dull. Read More option inspires the readers to stay on your site. When they see read more button they will click on it so that they can read the whole article. It is their natural tendency that they click on Read More button. So you need to add this button.

How to Add Star Rating to Blogger Blog Posts

There are different features on blogger, it is also a great feature. So you must know how to add automatic Read More button in blogger blog.

How to Add Meta Description in Blogger and WordPress

How to Add Automatic Read More Button in Blogger Blog

  • Login to your blogger Dashboard. Then click on Template >> Edit HTML.

How to Add Automatic Read More Button in Blogger

  • Now press Ctrl+F from your keyboard and search for </head> tag. Then paste the below code just above </head> tag.
<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 400; /* Summary length if no image*/
summary_img = 300; /* Summary length with image*/
img_thumb_height = 100; /*Image Height*/
img_thumb_width = 120; /*Image Width*/
</script>
<script type='text/javascript' src='http://iamifti.com/readmore_thatsblogging.js' ></script>
  • You can change the image thumbnail size from 100 and 120.
  • Then find <data:post.body/> and replace it with the below code.
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");
</script>
<a class='more' expr:href='data:post.url'>Read more ...</a>
</b:if>
</b:if>
  • Now click on Save Template. That’s all.

I hope you have understood how to add automatic Read More button in blogger blog.

Munna Hossain
 

Hello, I am Munna Hossain. I am a professional blogger and affiliate marketer. I am interested in technology, blogging, SEO, and WordPress. My blog Mytechgoal provides you all information about technology, blogging, SEO, and affiliate marketing.

Click Here to Leave a Comment Below 0 comments