Blogger Older Post And Newer Post Link Hack

I hope you have seen Older Post And Newer Post text link in your blogger blog. Do you know that you can easily change this Older Post And Newer Post text link to image or icon link with an ease? Blogger is very good blog platform where you can play with your blog template to make your blog look professional and beautiful. Implementation of this trick in your blog is very easy.

 

NOTE: DOWNLOAD YOUR FULL TEMPLATE AND SAVE IT SO THAT YOU CAN GET BACK YOUR ORGINAL TEMPLATE IF SOMETHING GOES WRONG WHILE EDITING YOUR TEMPLATE.

 

 

STEP WISE INSTRUCTION TO ADD IMAGE BEFORE BLOGGER BLOG POSTS

 

Log in to your Blogger Account

 

Go to Layout >=> Edit HTML

 

Mark On Expand Widget Templates Box

 

Press (CTRL+A) Select All

 

Press (CTRL+C) Copy

 

OPEN NOTEPAD

 

Press (CTRL+V) paste

 

Press (CTRL+F) and search below given code in the template:

 

 

 

Find the code in RED lines and replace them with lines in GREEN following each red line.

 

 

FIND THIS:

<data:newerPageTitle/>

 

REPLACE WITH:

<img src='YOUR IMAGE URL'/>

 

 

FIND THIS:

<data:olderPageTitle/>

 

REPLACE WITH:

<img src='YOUR IMAGE URL'/>

 

 

FIND THIS:

<data:homeMsg/>

 

REPLACE WITH

<img src='YOUR IMAGE URL'/>

 

 

Preview.

If it's Ok then you can save your template

You can save your template.

 

NOTE: Please change the whole code in GREEN with your own image Url so that you can change older post and newer post text link to image or icon link. I would also suggest you to upload your image in various free image hosting sites with unlimited bandwidth.

You Might Also Like :