Senin, 19 Agustus 2013

Change Newer Post, Older Posts With Post Title



I have shared with you on my previous posts about how to change blog pager with image and floating blog pager.
This post is about how to change Newer Post, Older Posts with Post Title.
Basically the function of those tutorials remain the same : Customizing blog pager.

Want to know how the codes work?, check the below simple tutorial. (Leaving comment or not is not compulsory. Just enjoy! :))) )
  • First, open template from dashboard, then click Edit HTML.
  • Find   </head>  tag.
  • Copy the following italic blue codes and paste them below  after / under  </head>.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
  #blog-pager-newer-link {font-size:14px;width:350px;float:left; text-align:left;font-weight:bold;}
#blog-pager-older-link {font-size:14px;width:350px;float:right; text-align:right;font-weight:bold;}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>
<script src='http://biroelangiet.googlecode.com/files/blogpager.js' type='text/javascript'/>
</b:if>

Note:
  • Adjust the width of the pager with your template.
  • You can also change the size of text, by changing font size.

0 komentar:

Posting Komentar