How To Add Automatic Read More Button in Post of Blogger

read more button

The steps involve in adding an automatic jump break /Automatic Read More Button to your Blog post is simple if you follow the instruction carefully, jump break makes your blog look neater and make ease for reader to read summary of your post, the posts will be displayed with just a short summary on the home page and a link to read the full post will be below. the advantages of break jump was that, it will reduce the content on your blog and speed up your browser to load your blog much faster, Also applying jump break to your blog, allow visitors to click on your summary before having access to the full post, it increases page views

Advantage of Read More

  • Your post will be automatically display with short summary  Read More link
  • You can choose much text display in summary
  • the Read More also display all previous post
  • And much more

 To get apply to your site follow theses step 

 

  1. log in you blogger account
  2. click on the Template
  3. click on the edit html
  4. Now find </head> to find it press CTRL+F
  5. Copy the below code and past the code just above </head>

 

<script type=’text/javascript’>
var thumbnail_mode = “no-float” ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type=’text/javascript’ src=’http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js’></script>

7.find the next cod again to find in press CTRL+F <data:post.body/>
8.Now Replace the <data:post.body/> with blow code

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<data:post.body/>
<b:else/>
<b:if cond=’data:blog.pageType == &quot;static_page&quot;’>
<data:post.body/>
<b:else/>
<div expr:id=’&quot;summary&quot; + data:post.id’>
<data:post.body/>
</div>
<script type=’text/javascript’>
createSummaryAndThumbundefined&quot;summary<data:post.id/>&quot;);
</script>
<div style=’clear: both;’/>
<span class=’rmlink’ style=’font-weight:bold;padding:5px;float:right;text-align:right;’><a expr:href=’data:post.url’ >Read more … </a></span>
</b:if>
</b:if>

  • You can change Read more with you own text

One thought on “How To Add Automatic Read More Button in Post of Blogger

Leave a Reply

Your email address will not be published. Required fields are marked *