Have you ever seen a fancy blog design with customised 'Home', 'Older' and 'Newer' links and wondered how you could install some of your own? Well here's a simple tutorial to show you just how easy it can be. :)
Create three text graphics that say 'Home', 'Older' and 'Newer' (and make them as fancy as you like!) that are roughly 100 pixels wide and 40 pixels high. Save these images in a .png format. Here are some examples that I created for a recent blog design project:
In Blogger, go to your 'Template' page and click on the button that says 'Edit HTML'. Place your cursor anywhere in the code and then use the 'CTRL + F' command on your keyboard to bring up the search option.
To replace the 'Older' link with your new text graphic, search for: <data:olderPageTitle/> and replace with the following code: <img src='OLDER TEXT GRAPHIC URL GOES HERE'/>
To replace the 'Newer' link, search for: <data:newerPageTitle/> and replace with the following code: <img src='NEWER TEXT GRAPHIC URL GOES HERE'/>
To replace the 'Home' link, search for: <data:homeMsg/> and replace with the following code: <img src='HOME TEXT GRAPHIC URL GOES HERE'/>
Click the 'Preview template' button and if you like what you see then click 'Save template'. All done!
♥ ♥ ♥ ♥ ♥ ♥