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:
As a 20 year old student, the only income I rely on is my pocket money. Bearing the running costs of MBT Blog has become really difficult. We educate thousands of bloggers a week with our tutorials. To help us go forward 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

40 comments:

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 post 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

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. Please do not spam Spam comments will be deleted immediately upon my review.
2. For asking Off-Topic questions please comment on this page -> Blogger Help

Regards,
Mohammad

 

Recent Posts

Join Me On Facebook

532+ Followers

Join The Team!

Licensed Under CC

Creative Commons License

Recent Comments

Follow Me On Twitter

| My Blogger Tricks (MBT) © 2010. All Rights Reserved | Template Style by Mohammad Mustafa Ahmedzai |