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.

How To Create Read More with Button
  1. thank u so much :)

    http://mydownz.blogspot.com/ For Best softwares

    ReplyDelete
  2. Thanks a lot for the help; i have been trying to do this for many a day.

    ReplyDelete
  3. Thank you!
    You can earn from bangladesh by visiting www.earnfrombangladesh.tk
    For get tips about technology visit www.tfortechnic.blogspot.com

    ReplyDelete
  4. http://myalivx.blogspot.com/
    4 all new and best to the best
    ok man

    ReplyDelete
  5. great work,helpfull tricks,thanx 4 sharing
    http://www.learntohack.webnode.com

    ReplyDelete
  6. hi bro...
    nice post
    if you want
    get my collection reference at
    UNAND's REPOSITORY

    ReplyDelete
  7. trims i'll try this tips http://forfatih.blogspot.com/

    ReplyDelete
  8. The matchless tutorial! I enjoy and improving my blog at BlogSpot www.SEO-SP.blogsppot.com.
    Please tell how to add flash images on blogger .
    Thank you

    ReplyDelete
  9. Thank you very much.
    http://technotrats.blogspot.com/

    ReplyDelete
  10. http://full-tv.blogspot.com/

    works fine thanks.......

    ReplyDelete
  11. Visit The Entertainer @ http://aphungama.blogspot.com

    ReplyDelete
  12. i tried many blog but none of them working but its working
    thanks.admin

    ReplyDelete
  13. get facebook tricks and hacks http://theusefulltricks.blogspot.com

    ReplyDelete
  14. http://www.pclives.info

    love to apply on my site thanks...

    ReplyDelete
  15. Blogger tutorials AdeelMushtaq.blogspot.com

    ReplyDelete
  16. http://www.Saeedbaba.com

    nice post and nice blog

    ReplyDelete
  17. Thanks for sharing the information about creating read more button.

    BioTech Patent Agent

    ReplyDelete
  18. i did not know that replacing that code should do that job for you. Nice post .......

    ReplyDelete
  19. nice post brother . if you want to increase your website traffic then visit this page
    http://mybloggingnest.blogspot.com/2013/06/top-10-free-ways-how-to-drive-traffic.html
    Thanks

    ReplyDelete