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](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeNAuZBshCWg4k8Sk7xKQhNd_1lVk_F-48lTf8qhumTD0PwXdI4hkM7w3hJVRbWngC036v6bakVH5YXZHnF1SZVrdy0s73wMMSoJa58SveoRHm2U8rzxH1HVm9H2l5lK1QmTnBKHQgItA/s1600/footer-blogger.png)
To make this pager looks like the following (note: I don't have the "Home", since I took it out):
![style blogger pager](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVzA1Ht5RaDYX1H6OQX9aey3LJBhnkuEQQCZG15KyhsbSYwj4Ouy1_ecvLmWZbKS6p8Guk2K6iWWDVjHBvbDOG3dmgVazuB7Jug3-gwbzLDSlLWq0bthmI-ffuZ_NbQVksNEXMOoIGwSI/s1600/style-blogger-pager.png)
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.
0 comments:
Why not leave a comment? No matter what, I'd love to hear from you!
Post a Comment