In blogger blog you can see Home link in between Older and Newer post links. Many blogger are using home url in navigation so, this use less bottom Home link annoying, and most of the blogger's don't want Home link on their blog. In this blogger trick you can remove Home link permanently from you blogger template. There are two methods I shown here to remove or hide Home link, first method is removing Home link permanently and second method is hiding using CSS.
You need to remove a peace of a:link code from the blogger template. If you really want to remove Home link, follow the below steps to done it.
Step 1: Login to blogger and open template section.
Step 2: Click Edit Template Search for <data:homeMsg/> from the template and remove that entire a:link tag. You will see two occurrences one is for mobile version another one is for desktop version. Remove the second one or comment it.
Step 3: That’s it save your template.
If you don’t want remove any code from blogger template, you can simply use this method. This method will help you to hide "Home" from you blogger blog using CSS.
Step 1: Login to your blogger blog and open template section.
Step 2: Click Edit Template and add the below css code to your blogger blog.
Step 3: That’s it save your template.
You are completed. All the best!!!
How to divide a Label into two Parts/Coulmns in Blogger Blog
How to - Remove Sidebar from the Static Pages in Blogger Blog
How to hide Widgets from Static Pages in Blogger Blog
How to show Blogger Widget Only in Post Pages
How to show the Widget in a Specific Page in Blogger Blog
How To Show Widgets Only in Static Pages in Blogger Blog
How to Add Google+ Badge with Profile Image and Follow Button
How To Show The Widgets Only On Homepage of The Blogger Blog
How to Remove Or Disable Navbar From The Blogger BlogSpot
Method 1: Remove "Home" link Permanently from Blogger template.
You need to remove a peace of a:link code from the blogger template. If you really want to remove Home link, follow the below steps to done it.
Step 1: Login to blogger and open template section.
Step 2: Click Edit Template Search for <data:homeMsg/> from the template and remove that entire a:link tag. You will see two occurrences one is for mobile version another one is for desktop version. Remove the second one or comment it.
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
Step 3: That’s it save your template.
Method 2: Hiding "Home" link from your Blogger Template using CSS
If you don’t want remove any code from blogger template, you can simply use this method. This method will help you to hide "Home" from you blogger blog using CSS.
Step 1: Login to your blogger blog and open template section.
Step 2: Click Edit Template and add the below css code to your blogger blog.
.home-link { display:none;}
Step 3: That’s it save your template.
You are completed. All the best!!!
Related Links
How to hide a Widget Only In a Particular Page in Blogger BlogHow to divide a Label into two Parts/Coulmns in Blogger Blog
How to - Remove Sidebar from the Static Pages in Blogger Blog
How to hide Widgets from Static Pages in Blogger Blog
How to show Blogger Widget Only in Post Pages
How to show the Widget in a Specific Page in Blogger Blog
How To Show Widgets Only in Static Pages in Blogger Blog
How to Add Google+ Badge with Profile Image and Follow Button
How To Show The Widgets Only On Homepage of The Blogger Blog
How to Remove Or Disable Navbar From The Blogger BlogSpot
This comment has been removed by the author.
ReplyDeleteHi Friends !!
ReplyDeletenow you can easily removed ATOM link , HOME link and POWRED by link from
your blogspot. remove from blog. enjoy : )