Get 25% Discount For HostGator- $110 OFF! | Series: Become a Pro Blogger!, Create and Sale Ebooks , PDF Editing Ways


Sunday, December 20, 2009

Replace Newer, Older And Home Links With Shiny Buttons In Blogger



Newer-Older-and-Home-Links Since most of you appreciated the Arrow Head Read More Buttons, I thought why not create some buttons for the Newer, Older and home Links that appear below each posts in Blogger. I have created various flavors of these buttons and I hope you will like them.

This set consists of 8 Image Button Sets termed as Previous, Home and Next and categorized according to size as small, medium and large.

 

Check them together,

Home-Previous-Next Image buttons for blogger

Download

Note:- Also Includes Red and Light Blue Image Sets.

How To Replace Newer, Older and Home Link In Blogger?

For doing so follow the steps below,

  1. Go To Blogger > Layout > Edit HTML
  2. Check the Expand Widget Templates box at top-right-corner
  3. Search for this,

<data:newerPageTitle/>

And replace it with this code,

<img src="URL-OF-PREVIOUS-BUTTON"/>

Now search for this,

<data:olderPageTitle/>

And replace it with this,

<img src="URL-OF-NEXT-BUTTON"/>

Then search for this,

<data:homeMsg/>

The above code will appear twice and replace both appearances with this code,

<img src="URL-OF-HOME-BUTTON"/>

Make sure to replace the URLs with the Image Links of your uploaded Images.    

4.     Finally save your template and enjoy the new look!

  

Download

Subscribers Have already been emailed the free Download Copy. If you are not a subscriber and wish to receive the Download copy for the above image sets along with some innumerable other blogger resources then simply submit your email address in the Subscription Email form on the right sidebar.

No doubt we serve subscribers exceptionally! :>



Respected Readers:
We educate thousands of bloggers a week with our tutorials. To help us go ahead with the same spirit, a small contribution from your side will highly be appreciated.


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!

Thanks for making this possible! Kindly Bookmark and Share it.
Technorati Digg This Stumble Facebook Twitter
Create your own blog!

119 comments:

Comment Page :
Chris on 6:25 AM, December 20, 2009 said... #

HEY MMA,
You always have good stuff in your messages and on your blog.
If you were in USA I'd invite you over for holiday festivities. I hope this is a good time of year for you and your friends!
Chris
Los Angels CA USA

Anonymous said... #

Hello Mohd
I tried this but when I select the code as <......../> it does not give result in search but when I remove the arrow and put the code as this img src="......./ than it comes in ctrl+f
After doing all the things I get he following error.

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The value of attribute "src" associated with an element type "null" must not contain the '<' character.

How should the code be selected and pasted ? Am i making any mistake .Later I tried again for just one button it got saved but I could not view.

please help .

Sachin on 12:02 PM, December 20, 2009 said... #

[B] WHERE IS DOWNLOAD LINK????? [/B]

ERIC JONES on 1:30 PM, December 20, 2009 said... #

please post some png images for the buttons

Mohammad Mustafa Ahmedzai on 5:32 PM, December 20, 2009 said... #

@Chris

Thanks for your hospitality! It would have been an honor :)


@Anonymous
Send me your homepage URL. If you feel shy then send it via The contact form.

@Sachin

The download copy will be emailed to you once you subscribe.


@Eric Jones
They are all in png format :>

Anup@ Hack Tutors on 9:14 PM, December 20, 2009 said... #

I used this before bcoz my blog has too many images>

Mohammad Mustafa Ahmedzai on 1:56 AM, December 21, 2009 said... #

@Anonymous,

thanks for your email. I have written a detailed answer.

That will surely work! Have fun :>

Sreejesh on 7:43 AM, December 21, 2009 said... #
This comment has been removed by the author.
Sai @ Blogger Widgets on 1:12 PM, December 22, 2009 said... #

Great icons Mohammad...mastering photoshop ? :)

Mohammad Mustafa Ahmedzai on 9:55 PM, December 22, 2009 said... #

@Sai,


It is a pleasure to have you here friend. Well In short I am just trying to explore photoshop as much as I can :D

Nil on 3:01 PM, December 26, 2009 said... #

@hi mohd...

visit my blog www.bcsexamguru.blogspot.com

my ans is my blog contain almost downloading link my question is

other bloggers are miss use my data which i want to give readers is there any method only my subscribers get this things ...other things is as subscribe subscribe my blog they get immediately get downloading link..


2 i offer reader to f.y exam papers i post 5 exam papers in my first post after some time latest papers come how can i attach this papers to firs one i am not want to edit in this post is there any other methods

Soun-Os said... #

Hi Mohammad

First I'm using the MBT template Church theme and im facing the same problem as " Anonymous " i cant find "<data:newerPageTitle"

Then I've subscribed to your posts and until now I've not received
The download copies of buttons.
So could yo please provide help?
and thank you.

Mohammad Mustafa Ahmedzai on 5:47 PM, December 30, 2009 said... #

@Soun-os

I have emailed you the download copies. The reason why can not find that code may be because your template have a different coding. Kindly share your blog url so that I could know what coding is used.

Soun-Os said... #

Mohmmad,Thank you very much for your support:D

I've received your download copies and for the buttons coding problem , well i have discovered how to set and add the right code
all by myself:D.
This is how :MBT Church Theme Template
search for 'data:newerPageTitle' you will see also &lt;&lt; Newer Posts</a> delete it but leave </a> then replace it with <img alt='Newer Posts' src='URL OF PREVIOUS BUTTON'/>
so it become 'data:newerPageTitle'><img alt='Newer Posts' src='URL OF PREVIOUS BUTTON'/></a>
The same method for older post
For home Button search for data:homeMsg the one after <b:if cond='data:blog.homepageUrl != data:blog.url'> delete it leave </a> and replace it with <img src='URL OF HOME BUTTON'/> so it become 'data:blog.homepageUrl'><img src='URL HOME BUTTON'/></a>

I hope this method is understandable and helpful.
Regards.

Habitanteglobal said... #

I subscribed please send me the buttons
Have not recived mail

Mohammad Mustafa Ahmedzai on 11:48 AM, January 02, 2010 said... #

@Soun-OS

Great dear! you finally figured it out :>


@Habitanteglobal

Download Copes Sent! :>

Dinosaurien on 8:40 PM, January 04, 2010 said... #

Thanks alot Muhammad! :D :D Really cool!

Zacky Adrishayuni on 5:39 PM, January 07, 2010 said... #

Hy Mustafa...
I've been your subscriber...
Please send me the download link..

Email: adportal@hotmail.com

Thanks...

Priyanka.Rautela on 12:44 AM, January 14, 2010 said... #

HI ,
Mohammad your website is a deep well of knowledge ....more i digg more i learn ...Mohammad i have facelifted my blog http://shirdi-saibaba-mydeva.blogspot.com with ur great help but used a different template as wanted someting different ..u know it ...nonetheless without ur help and support i dont think i would have done it :)YOU ARE THE BEST !
BYE
priyanka

Mohammad Mustafa Ahmedzai on 1:16 AM, January 14, 2010 said... #

@Priyanka

I don't deserve so much praise! You found me helpful and good because you are spiritually the best person yourself :>

mary on 4:05 PM, February 03, 2010 said... #

i'm a subscriber!
please-please-please Mohmmad send me that copy !!

mary_3st3_tare@yahoo.com

mary on 11:34 PM, February 03, 2010 said... #

please Mohmmad send me that copy :((((

mary on 11:34 PM, February 03, 2010 said... #

mary_3st3_tare@yahoo.com !!!!!!!!

Mohammad Mustafa Ahmedzai on 11:37 PM, February 04, 2010 said... #

@Mary

Hope you received the copes! :>

Justin Bieber Shrine on 8:08 PM, February 11, 2010 said... #

My god. Thank you. It made my site look so much better. So professional.

Check it out: http://justinbiebershrine.blogspot.com/

EsyRecipes on 12:50 PM, February 18, 2010 said... #

Hello Mohammad
in my templete older post , Home , Newer Post Not Showing on the home page but it is showing inside the Individual Post. Pls Help me ...
This is my Testing Blogs

http://esytest.blogspot.com/
http://esyrecipe.blogspot.com/

if any Solution so pls help me ....

Thanks

Foez said... #

Hey Mohammad,
Please send me a copy.
I am a subscriber
foezmr@yahoo.com

varun on 1:53 PM, February 20, 2010 said... #

varun419@in.com
Please Kindly Email Me The Donwlaod Sets.
techie-solutions.blogspot.com

Muhammad.Ali on 3:48 PM, March 24, 2010 said... #

where is download link plz help me out

Mohammad Mustafa Ahmedzai on 3:45 PM, March 25, 2010 said... #

@Muhammad Ali

Kindly subscribe first and then share your Email ID. I will email them instantly!

Abhineet on 2:57 PM, March 28, 2010 said... #

I have subscribed but I didn't recieved the download link to the images. Please send me.
abhineetsuperb@gmail.com
http://abhicomputech.blogspot.com/

Abhineet on 2:59 PM, March 28, 2010 said... #

plz send me both shiny buttons and cute images for newer , older, home ............links

Mohammad Mustafa Ahmedzai on 8:49 PM, March 28, 2010 said... #

@abhineet

Dear just sent you both copies. Thanks for becoming a loyal reader :>

varun on 11:16 AM, May 07, 2010 said... #

Hey nice to see u again can u tell me how to e image border

nEo.. on 8:51 PM, June 13, 2010 said... #

salam..i want try to use this beautiful button,and i already subscribe to your blog.

nEo.. on 8:54 PM, June 13, 2010 said... #

p/s im subscribe with my yahoo id- neo_trick80@yahoo.com

samsexy98 on 12:46 PM, June 24, 2010 said... #

i have subscribed too...
plz send me a copy..
i need orange and purple color also...
u can check my blog why i want these colors also...

here it is:
http://planet-hd.blogspot.com/

it is not ready as i m developing it...

Mohammad Mustafa Ahmedzai on 2:49 AM, June 26, 2010 said... #

@Samsexy and @NEO

Your icons have been sent to you. Enjoy!:D

samsexy98 on 5:24 PM, June 26, 2010 said... #

thanks for the icons

Dweapons on 9:18 PM, June 26, 2010 said... #

please send me on

dweapons@gmail.com

i am subscribed

Anonymous said... #

pls. post these all images to hatjeet_90@yahoo.com
i've subscribed ur feed...

Anonymous said... #

sorry not hatjeet
it's harjeet_90@yahoo.com
and my blog is topratinggames.blogspot.com

masoodalam51 on 11:07 AM, September 22, 2010 said... #

thanks sir.....
You are great.......
your downloading link is not work.please reupload it.........
my url is:http://www.tekfu.tk

swagger on 8:14 AM, October 07, 2010 said... #

nice

MuJE on 4:51 PM, January 01, 2011 said... #

hye mohammad. subscribed just now.

my email muje.hebat[at]gmail.com

thanks in advance! :)

Mohammad Mustafa Ahmedzai on 7:25 PM, January 01, 2011 said... #

Buttons sent to all! :)

Anonymous said... #

I've not ok yet?

mamonmonaung32 on 1:28 PM, January 14, 2011 said... #

Hey Mohammad,
Please send me a copy.
my email>>mamonmonaung32@gmail.com
(I'm myanmar....thanks )

mon on 6:15 PM, January 14, 2011 said... #

please send me both shiny buttons and cute images for newer , older, home ............links

Mohammad Mustafa Ahmedzai on 10:52 PM, January 14, 2011 said... #

Copies Sent To all! :)

@mon
Please share your EMail ID

Sheraz.Nasir on 6:56 AM, January 23, 2011 said... #

bad this image is not download:((

Luke Johnson on 2:11 AM, January 30, 2011 said... #

I just subscribed... does feedburner automatically send me them or should I just be patient and wait until you do it manually? Hahaha, ;)

Luke Johnson on 9:48 AM, January 30, 2011 said... #

Email is lukej11 AT gmail DOT com by the way

raj on 7:40 PM, February 02, 2011 said... #

well in the download link there is no buttons for previous and next buttons, only read more buttons there....please help

Teresa on 8:09 PM, February 02, 2011 said... #

I subscribed to your email list. How can I download the buttons now? I haven't received an email yet with the link to download the buttons. Thanks.

ahmed safwan on 7:24 PM, February 22, 2011 said... #

I Have Subscribed please send it to my mail

ahmed.ronaldo09 @ gmail

remove spaces

Mystea Ziru on 7:15 PM, March 02, 2011 said... #

Okay, so I've subscribed and thought I would receive an e-mail. I didn't. And I found out that I actually have to comment my e-mail. So here goes nothing: alvarez_ysa@yahoo.com

samsexy98 on 12:39 AM, March 03, 2011 said... #

@Mystea Ziru
Please be a bit patient..
You will receive your stuff soon..

Right now Mohammad is not well.. Please read the announcement at the top..

Hope you understand

Thank You
Samsexy98

Anonymous said... #

I've subscribed already. Kindly send the download copy to mrjsdlcdrz@hotmail.com. thank y0u

Vedant Kumar on 6:39 PM, March 21, 2011 said... #

I am a new Subscriber.Please send me the animated read more buttons and the above buttons to my email address-
vedantkumar07@gmail.com.Thanks in advance..

Gorsyt on 3:57 PM, May 16, 2011 said... #

please i want this...
send to my email iwien.88@gmail.com

thankx...

Neeraj Rawat on 5:21 PM, May 25, 2011 said... #

Hey friend,

I am a subscriber of your blog but dint get the buttons.How to get it?

Mohammad Mustafa Ahmedzai on 8:31 PM, May 27, 2011 said... #

@neeraj

Please always share your email ID after you have subscribed under the blog post of that blogger resource. Please post your email ID and I will email them instantly.

Neeraj Rawat on 9:20 PM, May 27, 2011 said... #

Ohk I used my email id while commenting thought you would get it its mailus(at)expertsgalaxy(dot)com

Neeraj Rawat on 10:48 PM, May 30, 2011 said... #

Thanks Mohammad I got the images but unfortunately it doesnt have my theme color nevermind asked one of my friend to change the color or create new when he gets time thanks for great post

Balaji on 7:13 AM, June 05, 2011 said... #

I Have Subscribed please send it to my mail

rainbowbalajib@gmail.com

amit said... #

for more visit www.vgetfree.blogspot.com

rohan on 9:34 PM, June 12, 2011 said... #

i subscribed

now pls send me the download link

info@trickys.co.cc

Anonymous said... #

how to use it

directly from pc

or first upload t to net

Mohammad Mustafa Ahmedzai on 3:06 PM, June 13, 2011 said... #

Sent To all! :>

@Anony

Yes brother you will have to save them in picasa or any other image storage service. Read this tutorial,
Save images in Blogger

PLAY IT COOL........! on 3:01 PM, June 16, 2011 said... #

hi,
i want colour code gentreator like yours.

please provide me
what to do to add colour code genreator
and also all gentreator you have on your website.

I am the daily visitor of your website.

and i told my many friends to see your website.

Mohammad Mustafa Ahmedzai on 3:01 PM, June 18, 2011 said... #

@Play it cool

Thanks for your kind comment pal. For getting the code kindly submit your email ID. I hope you have subscribed if not then kindly do that first.

Ravi on 1:42 AM, July 07, 2011 said... #

hello i am subcribe but i have not recived buttons mil me musicdara@gmail.com
Musicdara.com

Gboy on 5:39 PM, July 15, 2011 said... #

kindly send me the download link. I'm already a subsctiber :) thanks

Anirudh ~ Except Nothing | on 7:42 PM, July 19, 2011 said... #

i have subscribed ...... but i have not got the icons

Nana True on 6:40 PM, July 28, 2011 said... #

Hi Mohammad,couldn't access to your blog for past few days but luckily it was alright today(wondering what had happen?).Please ,could I have the download for the icons as well?Thank you

Admin on 4:53 PM, August 06, 2011 said... #

Mohammad, please email me the icons at foez@hotmail.com
I am a subscriber already.

ADMIN on 5:46 PM, August 15, 2011 said... #

Hello Mohammed, you are a great blogger master. i have subscribe to your blog, please i need the download link to those icons, i mean the Previous post, Home and Next post icons......Thanks

Varinder Pal Singh on 7:22 PM, August 17, 2011 said... #

hello i am subcribe but I have not recived buttons mail me lavish999@yahoo.com

http://onsecrethunt.blogspot.com

Varinder Pal Singh on 7:57 PM, August 17, 2011 said... #
This comment has been removed by the author.
Sushil on 10:47 PM, August 19, 2011 said... #

i subscribe to your blog plz send these images....

Sreedhar Jeshurun on 12:58 PM, August 20, 2011 said... #

Hi Mohammed I have subscribed but didn't recieve the email containing the Buttons dowmload link.Please send me the email.


Regards
Sreedhar

akshay patil on 9:55 PM, August 21, 2011 said... #

plz i also want this copy i have already subscribed dhavalpatil57@ymail.com

Mohammad Mustafa Ahmedzai on 4:56 PM, August 22, 2011 said... #

Buttons sent to all. I apologies fro the delay.

@Sushil
Please mention your EMAIL ID?

Shiva Poudel on 6:36 PM, August 24, 2011 said... #

Sir i have subscribe in your website already and want a copy of home, pre, next(png image files to download). My email id is spebusiness@gmail.com
Thanks a lot bro!

Beetles on 10:52 AM, August 25, 2011 said... #

I have subscribe please email the download link to me! siuhanley@gmail.com

Mohammad Mustafa Ahmedzai on 3:43 PM, August 25, 2011 said... #

@beetles

Just sent! :)

kostantinos on 3:10 PM, September 01, 2011 said... #

please send me these photos i am already subscriber.
kost.kromids@hotmail.com

azad's on 8:35 AM, September 08, 2011 said... #

Bro i did every thing well as u hv described bt i get those following errors

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The value of attribute "src" associated with an element type "null" must not contain the '<' character.

How should the code be selected and pasted ? Am i making any mistake .Later I tried again for just one button it got saved but I could not view.

Bro plz help me
my email id-azadbhaibhai@gmail.com

Kim on 4:49 PM, September 17, 2011 said... #

Can I have the buttons please? I already subscribe on your email but seems no email received for the button just for the subscription confirmation. Your buttons looks really cool and I do already used your read more buttons ^_^ and I'mv ery THANKFUL for that free cool, amazing buttons ^_~. Headin' up for these buttons :). THANKS in Advance!

9MOHAMED0 on 4:22 AM, September 18, 2011 said... #

please post some png images for the buttons i am already subscriber.2719180@gmail.com i am wait thnx

*Fabie* on 11:42 AM, September 24, 2011 said... #

I like it!
arsdekris@gmail.com

kyoko on 6:59 PM, September 24, 2011 said... #

Thank you!

qadirabdul008 on 8:36 PM, September 28, 2011 said... #

I am Your Suscriber plz msg me in facebook

facebook.com/Amirqadir1


__________________________________________
www.software-bazar.blogspot.com
www.infoforall.info

Friend 4 All on 10:52 PM, October 08, 2011 said... #

i am already subscried at scrapxone@hotmail.com plese mail me image set urgently i will be thankful to you

(Welcome To IT Bank) on 9:23 AM, October 14, 2011 said... #

I Like Your Blog Post?

kathsim on 4:03 AM, October 28, 2011 said... #

i subscribe also i like ur images thanks... how do i download your images

John Sed on 2:05 AM, November 05, 2011 said... #

Please Sent Pictures , i already registered :
john1sed@gmail.com

Mohammad Mustafa Ahmedzai on 7:32 PM, November 07, 2011 said... #

Sent to all! :)

Preetam on 11:32 AM, November 21, 2011 said... #

Hi Mohammad, please send me these images set.

Thanks in advance
Preetam
pst1812@yahoo.com

Jalil ur Rehman on 5:31 PM, November 27, 2011 said... #

I've subscribed already !! Email is: jalil.rehman0@gmail.com

Justin Bieber Live Radio on 7:14 PM, December 04, 2011 said... #

really cool thanx for useful information plzz
see
Justin Bieber Live Radio

for on 10:16 PM, December 06, 2011 said... #

@Mohammad Mustafa Ahmedzai

@ Nil,
I like the beauty of your HTML esp the Read More, Add Comment and 1 comment..

Can you share the HTML code

Tech Zindagi on 4:41 PM, December 08, 2011 said... #

could you please send me this at techzindagi@gmail.com

Tech Zindagi on 4:43 PM, December 08, 2011 said... #

I have subscribed......:)

Mati i Pati on 10:43 PM, December 11, 2011 said... #

Hello Mustafa...
I've been your subscriber...
Please send me the download link..

Email: marksiu@op.pl

Thank you

Admin on 12:28 AM, December 16, 2011 said... #

MMA send me a copy at ateeqafridi.hr at gmail.com

ZaaRz on 5:38 PM, January 03, 2012 said... #

Ive subscribed your blog too Mohamad.
my email is zaarz87@gmail.com.
would be nice if you send the download copy for me as well. thanks! =)

Abdullah Al Noman on 4:28 PM, January 04, 2012 said... #

my email is ank00764@gmail.com. pls send me immediately :)

Kenneth Tan on 11:54 AM, January 15, 2012 said... #

Thanks to all

Elliott Wave Technology on 10:53 PM, January 17, 2012 said... #

Must say, you are "the best"

I am a subscriber - joe.russo@elliottwavetechnology.com - please send download link for "home, next, previous" buttons.

Thank You!

Elliott Wave Technology on 10:54 PM, January 17, 2012 said... #

Oops.. I subscribed with ... jrusso12@carolina.rr.com

Abu Shaleh on 6:00 PM, January 29, 2012 said... #

Mohammad Vai,
Send me This Icons to mdshaleh2u@yahoo.com . Thanks :)

MoHaMeD ElsA3dY on 9:46 PM, February 05, 2012 said... #

Hi bro
I've been your subscriber
Please send me the download link
spidermanegy@gmail.com

thanks

Bengal Business on 2:27 AM, February 06, 2012 said... #

If you have a blogpost that is not posted in all but with a read more.... tekst, can you alo put the read more picture there instead of read more tekst from side feet?

Bengal Business on 2:29 AM, February 06, 2012 said... #

p.s we are also waiting for the other buttons! :-D

Bengal Business on 3:45 AM, February 06, 2012 said... #

Dont mind the first comment we got it already!

Liaqat Qazi on 7:54 AM, February 11, 2012 said... #

It seems that you have removed the download from feedburner. So please send me the download link at bloggingpeace@yahoo.com

Akansh on 12:28 PM, February 11, 2012 said... #

i have subscribed but still waiting for the buttons.send me too...akanshgulati2009@gmail.com

Confused? Feel free to ask

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

 

Recent Posts

Join Me On Facebook

4907+ Followers

Join The Team!

Licensed Under CC

Recent Comments

Follow Me On Twitter

1954+ Followers

| My Blogger Tricks (MBT) © 2012. All Rights Reserved | Contact | About |