Thursday, March 30, 2017

Fairy Blogmother: Replace Older, Newer & Home Blogger Links


Coding feels like you are paddling in six-inch stilettos for your dear blog's life. Coding is without a doubt difficult and completely overwhelming. This is especially true if you are on Blogger. 

Blogger is extremely frustrating for the creative artist in me. Blogger has yet to allow users to fully customize features with a design conscious look. As a result, Blogger users are very limited in final blog design without learning how to code. 

In today's tutorial, I will teach you how to customize your older, newer and, home page links found at the bottom of your website. (You can call me your Fairy Blogmother) 

Then, I will end the post by giving you one of my personal designs. Make sure you continue to check in with my blog because I will post new blog styling content every week! 

Just a quick FYI:
I prefer a whimsical and minimalistic look. You will see my style reflected in all of my graphic designs. Please take a gander around my website to see if it is the style you are looking for. If yes, my blog makeover tutorials are made just for you!


PART 1: I will teach you how to customize your older, newer & home links with your own graphic designs. If you want to use my content design instead of creating your own, scroll down to PART 2.

Step 1:
Log in to your Blogger dashboard, click Template, click the Edit HTML button

Step 2:
Click inside of the code area, hit the "Ctrl" and "F" keys, a search box will appear

Step 3:
(How To Change "Newer Posts")
Search for <data:newerPageTitle/>
Delete <data:newerPageTitle/>
Replace with <img src="Image URL Address"/>
Replace Image URL Address with your public image URL 

Step 4:
(How To Change "Older Posts")
Search for <data:olderPageTitle/>
Delete <data:olderPageTitle/>
Replace with <img src="Image URL Address"/>
Replace Image URL Address with your public image URL 

Step 5:
(How To Change "Home")
Search for <data:homeMsg/>
Delete <data:homeMsg/>
Replace with <img src="Image URL Address"/>
Replace Image URL Address with your public image URL 
PART 2: This following part of the tutorial will guide you in transforming your older, newer & home links into the above design. Now, I definitely feel like your Fairy Blogmother.

Step 1:
Log in to your Blogger dashboard, click Template, click the Edit HTML button

Step 2:
Click inside of the code area, hit the "Ctrl" and "F" keys, a search box will appear

Step 3:
(How To Change "Newer Posts")
Search for <data:newerPageTitle/>
Delete <data:newerPageTitle/>
Replace with the following code:



Step 4:
(How To Change "Older Posts")
Search for <data:olderPageTitle/>
Delete <data:olderPageTitle/>
Replace with the following code:



Step 5:
(How To Change "Home")
Search for <data:homeMsg/>
Delete <data:homeMsg/>
Replace with the following code:



It'll do your blog some magic, believe it or not. 
When you put all this together and what have you got? 
Bidibi bodibi boo, an upgraded blog.

I'm sorry to say that no glass slippers are included.

No comments:

Post a Comment