How to Add Images to Older, Newer, and Home Links in Blogger

How to Add Images to Older, Newer, and Home Links in Blogger


In your blog ,you find the below code.


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

    <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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'></a>


After finding the above code, just replace it with the below code, before doing it, observe the code for 5 to  6 minutes.


<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcS_xYwUq--k_qtSKCzMrRvkNp5XknMk4IU5xcNrv5pVHdBOmxYP" width="70" height="50" style="margin-top:10px" /> <data:newerPageTitle/></a>
      </span>
    </b:if>

    <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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src="https://s-media-cache-ak0.pinimg.com/736x/fd/b6/b4/fdb6b47281c3393c7647edaf5b7969d0.jpg" width="70" height="50" style="margin-top:10px"/> <data:olderPageTitle/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRzsJ1GUaYq38HHu-rfLkhY77XgFh4odlYwZ3wU11hs9bXy0dysHQ" width="70" height="50" style="margin-top:10px" /><data:homeMsg/></a>.

Conclusion

If you know to code to Add  Images to Older, Newer, and Home Links in Blogger, please comment below, or share this article to help others.



Comments

Most Useful Articles

How to Make Blogger BlogSpot Layout As Responsive Template

How to Show Blogger Widgets in Mobile View with Simple Steps

How to Create Internal Links within The Post in Blogger

How to Display Blogger Posts in Grid View with Thumbnails

How to Get Back A Hacked Facebook Account and Secure within 10 Steps

Blogger Login Google Account: How to Create a New Google Account(Gmail)