Monday, January 17, 2011

How to Change Older - Newer Link Type to Image

This time i`m gonna show you how to change Older - Newer link type with image. Sometimes Older - Newer link dissapear after you customized your blog for better looking.

1.LOG IN to your blogger account.

2.On your Dashboard click DESIGN

3.Choose EDIT HTML, check on Expand Widget Template box. Now find ( Ctrl F ) this code:

}
#blog-pager-newer-link {
float: left;
display;none

}
#blog-pager-older-link {
float: right;
display;none

}
#blog-pager {
text-align: center;
clear:both;

delete all the display;none code then the Older - Newer type will show.
Now how to replace it with image. Go find ( Ctrl F ) this code:

1.<data:olderPageTitle/> and change it with this code:<img border='0' src='[your_image_url]'/></a>

2.<data:newerPageTitle/> and change it with this code:<img border='0' src='[your_image_url]'/></a>

3.<data:homeMsg/> and change it with this code:<img border='0' src='[your_image_url]'/></a>

now PREVIEW blog and if the Older - Newer Image show you can SAVE TEMPLATE.

NOTE: You have to make sure you already have the Older, Newer, Home image url or you can google it and host it yourself in Photobucket or imageshack.

cheers,
Jaenne

No comments:

Post a Comment