Blogger Tricks : Change Newer Posts, Older Posts and Home Links

0 comments
Save to del.icio.us 0 hits!


Here is a simple trick to change the Older posts, Newer Posts and Home links in your blog.


+/- Read More

  • Go to Layout -> Edit HTML -> Click on "Expand Widget Templates"
  • Now, search for code in red ( Use Ctrl + F to search)


<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<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>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>



Note : Replace Colored code regions with your own custom image icons.

  • First Red Colored Code : "Newer Posts" link
  • Second Red Colored Code : "Older Posts" link
  • Blue colored codes : Home link.

To add images :

Use code : <img src="http://DIRECT_LINK_OF_YOUR_IMAGE.jpg">


(Originally written by team of bloggerstop)

Related Posts :



Comments
0 comments
Do you have any suggestions? Add your comment. Please don't spam!
Subscribe to my feed

Post a Comment

About Me

Latest posts

Blogger Zone