Sunday, December 11, 2011

Changing Blog-pager Texts links to Image Buttons

From To This can be done by a simple modification in Blog Template HTML.
First go to your Template HTML and check out Expand Widget Templates.
Search for <div class='blog-pager' id='blog-pager'> using Browser search Option. There would be two encounters for it; first is for PC and and second is for Mobile Phones. We can leave the second.
The whole code of <div class='blog-pager' id='blog-pager'> will be like the following:.


Check <data:newerpagetitle/> there. This is to be modified. We have to set it to an Image code. Some cool image icons can be found at http://findicons.com . The final Complete code should look like below:


Now, we can ready to save the template and see the effect. And, we should never forget to create a Backup of the Template before editing that. ;)

No comments:

Post a Comment