2 ways to Customize Read More Option in Blogger Blogs

Today i will show you how to style Read More option in Blogger Blogs and How to Add Buttons instead of Read More text.

Download Read More Button Collections Here Some buttons example are given above in the image .

Just Follow my these 2 easy ways to Customize...

Change the Read More Text in Blogger

If you want to change read more text to another like continue reading etc.

Just Follow:

First of all found this code:(If you not know how to find code easily then Click Here to Read about how to find text.code easily)

<b:if cond='data:post.hasJumpLink'>

Then Below you can see Read More:
Example:

<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>

<a expr:href='data:post.url' expr:title='data:post.title'>Read More</a>

</div>

</b:if>

 Just Replace with your own text like Continue Reading! etc.

Add Image instead of Read More Text

If you want to display image instead of any text so just follow these easy step:

First of all again find:

<b:if cond='data:post.hasJumpLink'>

Replace Read More text with your image link like:

From This

<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>

<a expr:href='data:post.url' expr:title='data:post.title'>Read More</a>

</div>

</b:if>

To This

<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>

<a expr:href='data:post.url' expr:title='data:post.title'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnJLlLLPa2D19uyiXOKBFS78fJkFSGrVCQvU-jDOI8gK9YE5jLuEoaE7SkugEEdE_8esL_5VVqlCD5Sracug18Qu-Xa4w5HaSXdVE4JoevzwrAzjfG9JqWkT6zGUicoepvR0pgSnCmXEZi/s1600/readmore.png'/></a>

</div>

</b:if> 

Now you have Done!. If you got any problem so please leave comment below...  

Do you Like this story..?

Get Free Email Updates Daily!	Follow us!