Web Tech Guide

www.blogsmonetize.com feed

Style the "Newer Post", "Home", and "Older Post" of Blogger Pager

 

As a blogger, you always try to make your template looks better. You can also try to style the "Newer post", "Home", and "Older Post" link.

blogger pager

To make this pager looks like the following (note: I don't have the "Home", since I took it out):

style blogger pager

Add the following code to your style section

#blog-pager-older-link, #blog-pager-newer-link, .home-link{background:#FFF0B7; padding: 5px 5px 5px 5px}
1. Login to your account --> Design --> Edit HTML
2. Click on "Download Full Template" to backup your template.
3. Check "Expand Widget Templates"
4. Search for the following code and add the above code before it
]]></b:skin>
Or you can add the above code from Template Designer--> Advanced--> Add CSS.

Now you have a great look of your blogger pager. If you know css, you can modify the above code a bit to make it work best on your blog.


© 5/31/2011 08:17:00 PM www.blogsmonetize.com
Loading related posts...

0 comments:

Post a Comment