WealthyEarnings.blogspot.com Valuable Information: Add Read More to Blogger Posts Within Minute

Add Read More Button or Link to your blogger blog within 2 minutes.

If you have blog on blogger and you are facing the problem of Read More link. Than follow my simple steps and get Read More Link in your Every Post. login to your Blogger Account and Go to Edit of your published post or write a new one post to test it first. Than write a post and add "JUMP BREAK" with in post and publish it. See Image Below

Add JUMP BREAK After writing the part of your post to which you want to show before READ MORE link.
Now got to in Edit HTML of your template.
Now click on Link " Expand Widget Templates" You can see this link in top left side of Edit HTML SEE Image Below

(CLICK ON IMAGE TO ENLARGE IT)

Now Search for this code in HTML=>

<data:post.body />

Press ctrl+f for search and enter this code in search box.
If you found that Above Code than after this Paste this simple HTML Text Code Given below.

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

This is the code which will create a READ MORE link.This code will automatically find "JUMP BREAK" link and than will create a READ MORE link to every post you inserted a "JUMP BREAK". To add Read More link for your previous posts than go to the Edit of every post and add "JUMP BREAK" link after a part of your post to which you want to show before Read More link.

You Can Also Add Images To your Read More link

To use images in place of Read More Link than you have to do some Changes in the above code. See Below

<b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + "#more"'><img src="url_of_image" border="0" alt="Alternative text" /></a> </div> </b:if >

Add your image URL in place of "url_of_image" in above code