How to add readmore Button/image in Blogger

Today I will show you how to add a Read More button to your blog posts. Adding a read more button to blogger post makes your site look more stylish and more professional.Just follow the simple steps below:

                                                 Click Demo to know how it looks on Your Blog

                 

                                                   DEMO

1.Login to blogger account

 2.go To Design > Edit HTML > Expand Widget Template

3.Now search (Ctrl + F) for following code in your template.

<data:post.jumpText/>

                 with image tags, like above:

4. Replace that tag with the one 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 >  

5. Thats it, now preview the template

+Nazeeb khan       Follow @Nazeebkhan90