Remove or replace home link and box from Blogger template

Remove or replace  home link and box from Blogger template

In the footer of Blogger template, there is a home page link. Usage of that link is very rare. We can remove this link by a simple template edit.

The home link in the footer of blogger template is usually not useful because it is not in an important position. We can change the position of the link or remove that link from the template, if you want.

How to remove this link

Go to Template and Edit HTML, Tick on Expand Widget Templates.

Find the following code in the template using Find option.

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

Delete and Save the template and verify the blog.

How to remove the home box

Some blogger templates contain a box with the home link and most of the readers are desperate to delete that too. I suggested to delete the box using some code, But I think it is impossible to delete that box, instead you can hide the box using the CSS trick.

Please find </head> in your template

Add following code just above the head tag.

<style type="text/css">

/* hiding home box link */

#blog-pager{display:none !important;}

</style>

So it will look like this

<style type="text/css">

/* hiding home box link */

#blog-pager{display:none !important;}

</style>

</head>

Save the template, you are done.

How to replace the home text with other text or image

Find this code in your template. <data:homeMsg/> replace with your own text.

For replacing with an image, use this <img src="IMAGE_LINK"/>. Replace IMAGE_LINK with your image link.

Thank you for stopping by and taking your time to read this post :) Hope you got something out of it. At least a tiny bit of a thing. Now, I'd love to hear from you. I'm all ears here. Please add your comment below. Got questions? Do not hesitate to ask questions you have related to this post too. Let's join the conversation.