Thankfully we are glad again to present yet another unique blogger resource entitled Arrow Head Read More Image Buttons which is barely available in the blogosphere. We have created a set of 12 Images each of different colour and taste. Get rid of that Read More Link text and replace it with a cool MBT Read More button.
First have a look at them in the screen display below,
Blogger Arrow Head Read More Button Images
To replace you Read More Link with one of these button images then do the following,
1. Go to Layout > Edit HTML
2. Back up your template
3. Press Ctrl + F , and in the search box write the read more text. You know it better whether to search for Read More or Continue Reading. Depends what text are you using.
Once you find the read more text in your blogger template then replace the text with the code below,
Replace the bolded text in blue with the image link of the read more button.<img width="120px" height="32px" src="URL Of Your Read More Button Image"/>
You can also resize the image. The default size is 120px by 32px. If you want a smaller one than you can use these proportions:
width=”100px” height=”27px”
width=”80px” height=”21px”
I hope you like this new set of images. I will publish a new set tomorrow.
If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »
Mohammad
9/11/2009
Blogger Resources
That really is neat. Oh goodie, another project to figure out how to do this. Gotta give it a try.
ReplyDeleteSure Marg! Your blog is improving too, I can see that
ReplyDeletei am using mbt template.i am trying to find read more text in template,but its not showing there.
ReplyDelete@Anonymous
ReplyDeleteMake sure you check the "Expand Widgets Box" at the top right-hand corner and then search for Read More
hi mohad download link is not working [lase check downloading link i click on downloading link a new google site window is open telling that click here for downloading attachment after click on that page suggest that requested URL not found
ReplyDelete@nil
ReplyDeleteClear your cache and try again because it is working just fine
i am used a title like read more in my language and i can't find it on template.And if i try to swap it,with the word "read more"-again- don't work to find it!
ReplyDeletewhat is the problem?
xoxo,mary
forget what i said...
ReplyDeletenow...THE NEW PROBLEM! i can't put an button!
error sais:
\\\\\\\\\\\\\Open quote is expected for attribute "{1}" associated with an element type "src".///////////////////
i don't get it!all steps are maked...what's problem?
answer me pleassseeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
dear mohammad, the code of image is incorrect.
ReplyDeletei think i broke my head when i tryed to find all methods to put one of this button on my page.
Look,i find a code very usefull and for me it works.
i hope it can helps others readers.
and i hope you will find it helpfull...and you will remove that mistake in your post.
god bless.
xoxo,mary ^^
off...the code can't be dispayed :(
ReplyDeletei will send you an email with that :(
@Mary
ReplyDeleteThanks for the correction. I have updated the code :>
For displaying html codes in blogger comments use this tool -> http://www.mybloggertricks.com/2008/10/convert-special-html-characters-to.html
thanks i will use this in http://templates-widgets.blogspot.com/
ReplyDeletehey thanks. i need it
ReplyDeleteTHANKYOU SOOOO MUCH !!
ReplyDeleteThose buttons looking amazing
ReplyDeleteThanks bro i did it well. And it worked out correctly.
ReplyDeleteHey Mohammad,
ReplyDeleteI am using this method for read more function in my blog
http://www.google.com/support/blogger/bin/answer.py?answer=154172
added a code to work it properly but now even after expanding widget cant find the text so how to replace the text with the image :(
So many questions from my side on your blog today waiting for replies when you get time
@Neeraj
ReplyDeletePlease read this tutorial, it will solve all your problems,
Add Read More Link To Blogger
Please forgive me for the late reply. :>
@Mohammad,
ReplyDeleteYup I did but the thing is whatever text I use for read more unable to locate it in edit html even after expanding it anyways solve that day itself by following a post in blogger buster.
Its ok buddy I understand we have other work as well apart from blogging life
@Neeraj
ReplyDeleteI guess may be it was because of that arrows that gets encoded in blogger editor. Anyways I am glad you finally did it pal :>
I need it, thanks i will use this image
ReplyDeleteI m not able to find "Read More Text"
ReplyDeleteMohammad There is no Read more text in my blogger template!
ReplyDeleteOhh This One is really Awesome, I Try this one and it worked very well.
ReplyDeleteThanks for this Nice Post.
This comment has been removed by the author.
ReplyDeleteMohammad I am Mrinal,i am not able to find read more in the template.I tried to open the link that you gave in the comments is not wrking.It has timed out.PLS HELP ME.
ReplyDeleteThank u MBT..:)It's cool, really working on my blog...take a look here
ReplyDeletehttp://www.appinstall.blogspot.com