Sunday, April 19, 2009

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.

24 comments:

KAMEHA said...

thank u so much :)

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

gopakumar menon said...

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

Md. Abu Zafor Fagun Ahmad said...

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

ALi vx said...

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

fuzionpro said...

Thanks dude

rahul said...

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

Akramses_Am_ said...

http://akramses-am.blogspot.com/

handout said...

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

masminant said...

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

zafar said...

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

nrgmalik said...

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

deepak said...

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

works fine thanks.......

Anonymous said...

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

softwarezone said...

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

mak said...

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

JUstin said...

http://www.pclives.info

love to apply on my site thanks...

Adeel said...

Blogger tutorials AdeelMushtaq.blogspot.com

msaeed said...

http://www.Saeedbaba.com

nice post and nice blog

Mark Bintuu said...

Thanks for sharing the information about creating read more button.

BioTech Patent Agent

josalinn Reyes said...

thanks great article Linux Tutorials

T Barnaby said...

are cavities genetic

crackcontainer said...

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

Tayyub Nawaz said...

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

Funday Pande said...

Your Post is very nice,
So i want to share it to my friend in the social network,
i say thank you for it,
you can join to my blog or just blog walking and comment to :
Wisata Kolam Air Panas Banjar
Thank you for your attention

Post a Comment

 

© Newpaper Template Copyright by Blog - How to Tricks | Template by Fanchon0706 | Blog Trick at EasyBlogTrick