How to add Read more button in blogger

A-o-A! In this article, I will teach how to add read more button in blogger. Friends when we create a post and publish we do not set read more. But this feature is very important for ranking. We have many posts in our blog and we want to show all posts to our readers but it can not because the post is shown whole page. Therefore our posts are hidden. Read more feature is default in blogger "Read more >>" we can change it. Second we can add a button instead of text. I will teach you both method. Now let's get started!


Add Read more text Automatically

• Create a post
• Now click "Jump" icon where you want to add Read More. see pic

• You can see the grey dotted line. that's it!

If you want to change Text, font, align or colour you can change it. Follow these steps

• Go to "Edit template".
• Back up your template
• Press Ctrl+F for search the code below
• <data:post.jumptext/>
• Replace this code with this code given below
• <p>your text</p>

Add Read more button instead of text

• Go to "Edit template".
• Back up your template
• Press Ctrl+F for search the code
• <data:post.jumptext/>
• Replace the code with this code
• <p><img src="image direct link"/></p>

If you want to change the width or height then use this code

<p><img src="image direct link" width="size" height="size"/></p>

That's it!

I hope you liked it. Need any help feel free to ask.

Happy Blogging :)