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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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
Post a Comment