How To Create Read More with Button

Blog-How To Tricks - We have been already discussed about Read More and blog tricks to make Read More here.

Now we will discuss about how to change the Read More text link into a Read More Button. For example, you can see here.

How to make read more with button?

To read more button to make this, you must use the Read More on your blog. If not yet, please read the tricks here.

First, you must have an image for you Read More button. For example, an image like this:



Go to Layout - Edit HTML. Click on Expand Widget Templates.

Find the following code :

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

</b:if>

Replace Read More with the Read More Image Url you. Example:

<expr:href="data:post.url"><img src='http://i425.photobucket.com/albums/pp335/egobslank/RM4.jpg' /></a>

</b:if>

Please replace http://i425.photobucket.com/albums/pp335/egobslank/RM4.jpg with the url of your image.

Save, and then review. Now your Read More text link have been change to be button.