how to add read more in blog posts (blogger)

hello friends ,this post is for my friend adil who was asking me to how to do it.so lets start..

Go to Blogger Dashboard > Template > Edit HTML > check on Expand Widget Templates

find the following code


<a expr:href=’data:post.url + “#more”‘>Read More </a>


Leave it here and now you have to upload you an image which you will have to use for Read More Button, simply upload it on your blogger and copy link location


Use this code and replace red text with Image URL in below code


<img border="0" src="Paste here the button Image URL"/>

Its will look like this


<img border="0" src="http://your-image-url.com/your-image.jpg"/>

This is the last stage now code which you find in Blogger template


<a expr:href=’data:post.url + “#more”‘>Read More </a>

Replace the READ MORE with the image code like this


<a expr:href=’data:post.url + “#more”‘><img border="0" src="http://your-image-url.com/your-image.jpg"/></a>

Save template and refresh your blog’s homepage