Thursday 26 July 2012

Change Older Post And Newer Post Links With Image



Change Older Post And Newer Post Link With icons or images in Blogger is very nice trick to make your blog look very beautiful.As it make your blog look more beautiful than before if you are using good icons to be get replaced with older post or newer post or home link.Today i will tell you how easy it is to hide those links and place your any image you like.





These are the links below pointed by arrows to be get replaced in picture which i was talking about.






Now how to change these links with icons is very easy.


Got to LAYOUT > Edit HTML > Expand Widgets


Now follow these steps to replace codes :




Find the code in red lines and replace them with lines in green following each red line-

1.<data:newerPageTitle/>
Replace with
<img src='http://bandofgirls.googlepages.com/Newer_post_icon.png'/>

2.<data:olderPageTitle/>
Replace with
<img src='http://bandofgirls.googlepages.com/older_post_icon.png'/>

3.<data:homeMsg/>
Replace with
<img src='http://bandofgirls.googlepages.com/home_icon.png'/>

Please Host these images to your hosting image service and change these urls with yours as they may exceed bandwidth.


NOTE: 

1.)             The image links in the above can be changed to whatever images you like. Visit iconarchive and search for the icons you want and upload it to your picasa account and use that link.

2.)             You can customize the image's height and width with this code.

<img src="image direct link" Width="change" height="change" />



You can save your template now.

That's it.

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...