Tuesday, August 18, 2015

How to remove 'Home' from Post Footer in Blogger

When we use free blogger templates/themes, at the footer/bottom of a post, a 'Home' link will be given. If you're using other third party templates, it's good that some don't have such link in them. Whatsoever, its uses can be to help readers navigate to front page from the bottom itself without having to move to tabs. 

But if you have pages/tabs opened either as sidebar widget or below your blog title and description as tabs, this link appears unnecessary. It not only gives an unprofessional look to our blogs but also over-use this link. Therefore, let us try to remove it permanenantly or hide temporarily from our blogs.

To remove permanently
If you don't want this link below your post anymore, you can remove from your blog forever. If you want to have it, consider following steps and incorporate in your blog: 

Login to your blog>Click on Template>Click on Edit Template>Find (Ctrl+F) the following HTML code:
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

The above code will appear more than once in your blogger template. Leave the first one as it is and delete the same code that comes second in your search. 

Once you have located the same second code, highlight it and delete them from your template HTML. You can preview it and if that link doesn't appear in your post footer you must have got it right. Click on Save Template and you have successfully removed that 'Home' link from your blog.

To hide it temporarily
We can also hide this 'Home' link from your post footer temporarily. But it will remain hidden as far as you don't use other third party templates. If you think that this link will be needed in future but not for now, you may hide it from your blog. To get it consider the following steps:

Login to your blog>Click on Template>Click on Customize>Click on Advanced>Scroll down and click on Add CSS>Copy the given CSS and paste it in  blank white 'Add Custom CSS' area:


.home-link { display: none; }

Once you have added it, click on Apply to Blog. Click on View Blog and see if that 'Home' link was hidden from the footer of your blog post. If it's no more visible there, then you must have got it right as you wanted. This is easy. Isn't it? Enjoy Blogging. Cheers!

No comments:

Read our comment Policy to know your rights & responsibilities before actually leaving a comment for this article.

Related Posts Plugin for WordPress, Blogger...