18 May 2013

Saturday Sessions: How To Replace Older, Newer and Home Links with Icons

If you scroll down to the last post on this page of my blog you will see icons where the "older posts"

"newer posts" and "Home" links used to be. Here is how to install custom icons that replace older, newer and home links with icons.

Step 1: Choose Your Icon.

Here is where the freebies come into play! I have made a few sets for you to use on your own blog free of charge. You do have the option of clicking that top link under the header that says "sponsor" or the link to the right that says "design services" and paying me back that way. No pressure.

Now here is where this tutorial is going to get really helpful. Since blogger changed the HTML editor, this step is more up-to-date than pretty much every tutorial out there. Took me forever, will take you 2 seconds. Don't be intimated, it is very very easy the way I have laid it out for you!

Now it is time to REPLACE your current code with new code

REPLACE <data:newerPageTitle/>

WITH <img src='YOUR_URL_HERE'/>

Where it says YOUR_URL_HERE replace that with the link provided above for your favorite set of icons (just the NEWER or FORWARD icon)

Example: Say I wanted to use the PINK set of icons with the glittery arrows. (Last set pictured)