How to Add Automatic Read More Button For Blogger Blogs | add automatic Read more button to blog

Hello guys what's up ?...In this tutorial we are going to learn how to add automatic Read more button to our blog post..Since without a Read more button any one can read your complete post on one page but you can't show much post on your home page because it 'll increase length of home page so now we are going to do some attractive thing with our blog..just follow me to learn how to add automatic add more button to blog post..

Blogger auto read more is one of the best option for blogger. Maximum blogger are now using this. Normally every time you must choose some summary. But after using this button you don’t need to select your image and summary, this button will do all of your work automatically. Just write a new post and publish it with one image. No necessary to add any type of extra code in every blogger post of your blog. You can also add default thumbnail image if your posts do not have any one.

Now follow these steps to automatic add read more button:

1. Login to your blogger account. 

2. go to blogger dashboard and select template option in left side of dashboard

 3.select edit HTML 

4. press CTRL+F and search "</head>" in code

 5.now copy the below script and paste it above </head>

                   

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;

summary_noimg = 500;

summary_img = 450;

img_thumb_height = 100;

img_thumb_width = 120;

</script>

<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/read-more_auto2.js' type='text/javascript'/> 

6.Now Search for <data:post.body/>

7.Now Copy the Below Script and replace the above mentioned script with the below Script

 <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>
<div style='clear: both;'/>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> Read More... <data:post.title/> </a></span></b:if></b:if>

8. save template and enjoy

i hope you are not going to face any problem in adding auto read more button to your blog after reading this tutorial if this tutorial is heplfull for you then comment below..