How to add Read More blogger Blog Posts

In today generation, blogging has been taken over at the next level, where people might need the whole customized templates for blogger. But most of the blogger templates doesn’t seems to be providing the READ MORE options. In view of this we took up initiative to write about adding a read more to Blogger Blog Home Page.

Blogspot has already been providing many great features and this feature could add lightnings to your blog.

Now blogger has added one awaited button by thousands bloggers all around the world, it is “Jump Break” button or “More” button or “Read more” button that has function to cut off the article on homepage or known as “read more function”.

Lets start with our today tutorial of adding up Read More in blogger Blog, read the following carefully and enjoy Blogging.

How to add Read More blogger Blog PostsHowever, it seems that this button only appears on the new post editor and in the mode “Compose”, and does not appear in the mode “Edit HTML”. Even though, you cans till use the “ read more function ” at old post editor as well as in the mode “”Edit HTML” by typing manually the code:

<!– more –>

  • Login to Blogger Account.
  • Navigate to Design –>EDIT HTML.
  • Before Backup your Blog Template by clicking Download Full Template.
  • Click on Expand Widget Template.
  • Press CTRL + F and find the below code.

<div class=’post-body entry-content’>
<data:post.body/>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

  • Copy and paste the code below exactly below the above code:

<b:if cond=’data:post.hasJumpLink’>
<div class=’jump-link’>
<a expr:href=’data:post.url + &quot;#more&quot;’><data:post.jumpText/></a>
</div>
</b:if>

  • Click on save and save the Template.

Great stuffs, Enjoy blogging and leave a comment on this article. Subscribe us to our latest RSS Feeds.

Get all Blogging Tips & Tricks, ideas, Wordpress Hacks & Tricks, Social media optimization, SEO, Online money. Just subscribe with your email id HERE.

Leave a Reply

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

*