Saturday, February 27, 2010

Replace an image instead of Newer posts, Older posts and Home text link

Today we will discuss how to replace an image instead of older posts and newer posts links. This hack is about replacing an image with the hyperlink instead of just the text link alone.

How to replace an image instead of Newer Posts, Older posts and Home

before you implement this hack make sure that you have created the necessary image for each links (Newer Post, Older Post and Home) and have uploaded in a web host. Now let us see how we can replace an image instead of Newer Posts, Older posts and Home link.

1.  Login to your Blogger Account

2.  Click on Layout

3.  Click on Edit HTML

4.  Tick on Expand widget

5.  And now search for this piece of code

    <span id='blog-pager-newer-link'>
    <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

    <b:if cond='data:olderPageUrl'>
    <span id='blog-pager-older-link'>
    <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    <b:if cond='data:newerPageUrl'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    Now replace the image with code that is market with red

    <data:newerPageTitle/> : <img alt='Newer Posts' src='http://NewerPostImageURL'/>
    <data:olderPageTitle/> : <img alt='Older Posts' src='http://OlderPostImageURL'/>
    <data:homeMsg/> : <img alt='Home' src='http://HomeImageURL'/>

    6.  Remember to change the NewerPostImageURL with the image source of Newer post image URL, OlderPostImageURL with the image source of Older post image URL and HomeImageURL with the Home image URL that you have uploaded.

    7.  Now save your template and youd done.
    Reblog this post [with Zemanta]

    1 comment:

    1. I would like to show appreciation to the writer just for rescuing me from this particular condition. After surfing around throughout the world-wide-web and meeting basics that were not helpful, I assumed my entire life was over. Living minus the approaches to the difficulties you've solved all through your main site is a critical case, and the ones that could have badly affected my career if I hadn't discovered your website. Your main talents and kindness in handling all things was vital. I'm not sure what I would have done if I had not come across such a stuff like this. It's possible to at this point look forward to my future. Thank you very much for the professional and result oriented guide. I will not hesitate to propose your blog to anyone who wants and needs guidelines on this issue.