Wednesday, 17 September 2014

DIY Blog Design: Replace 'Home', 'Older' + 'Newer' links.



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:






Upload these images to photobucket (or some other image hosting site) and grab the direct image URLs. Paste these image URLs into a word document as you will need them again in a minute.


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!

♥ ♥ ♥ ♥ ♥ ♥

If you're interested in learning some more DIY blog design tips you can check out my previous posts on this topic here. Please let me know in the comments below if there is anything else you would like me to do a tutorial on and I will do my best to help you guys out. Cheers!

 
bloglovin'  ♥  facebook  ♥  twitter  ♥  instagram  ♥  pinterest

4 comments:

  1. I'm going to put this on my to-do list, I'll let you know how I go with it!

    Lauren / And Together We

    ReplyDelete
  2. Good on you for sharing some of your knowledge!

    ReplyDelete
    Replies
    1. Of course! I know not everyone can afford a blog designer, so I'd be selfish not to share some of my knowledge with the world. :)

      xx

      Delete

Thanks for taking the time to stop by and comment! I really appreciate it. :)