Thankfully I am again proud to present another unique blogger resource entitled Arrow Head Read More Image Buttons which are barely available in the blogosphere. I 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 Image 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,
<img width="120px" height="32px" src="URL Of Your Read More Button Image"/>
Replace the bolded text in blue with the image link of the read more button. To know how to get Image URLs , read this post –> Create Image Backup In Blogger & Get Image URLs
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.
|
Respected Readers:
|
If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you
subscribe to our regular Email Updates!
25 comments:
http://topdirectlink.blogspot.com/
That really is neat. Oh goodie, another project to figure out how to do this. Gotta give it a try.
Sure Marg! Your blog is improving too, I can see that
i am using mbt template.i am trying to find read more text in template,but its not showing there.
@Anonymous
Make 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
@nil
Clear 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!
what is the problem?
xoxo,mary
forget what i said...
now...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.
i 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 :(
i will send you an email with that :(
@Mary
Thanks 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/
hey thanks. i need it
thank you for share......
FaiKShare | Of The Blogger, From The Blogger, For All
No doubt these buttons are really great.Have you created it on imageready or photoshop ? Can you post a tutorial regarding creating it.Allow me to writing about this post of your at Bloggingtutors.Contact me if you are interested.
THANKYOU SOOOO MUCH !!
Those buttons looking amazing
Thanks bro i did it well. And it worked out correctly.
Hey Mohammad,
I 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
Please read this tutorial, it will solve all your problems,
Add Read More Link To Blogger
Please forgive me for the late reply. :>
@Mohammad,
Yup 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
I guess may be it was because of that arrows that gets encoded in blogger editor. Anyways I am glad you finally did it pal :>
Hey thanks MBT Read more icon working awesom wid me
Take a Look on my blog
http://clubhousemixes.blogspot.com
I need it, thanks i will use this image
Your feedback is always appreciated. I will try to reply to your queries as soon as time allows.
Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Try the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon my review.
Regards,
Mohammad