» » » 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.
Remove or hide home link from blogger template
The home link in the footer of blogger template is usually not useful because it is not in a important position. We can change the position of the link or remove that link from the template, if we want.
Previously Google had limits in number of links on a page. Now they lifted this limitation. But the home link is appearing more than once in a page. It is better to avoid duplicate links which are not relevant.

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.
View the video tutorial

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.
Posted by in , 44 comments
«
 		Older Post Newer Post
»

44 comments:

  1. Wow this is interesting sir! I am only very new to this concept and your site just keeps amazing me with new things I've never known before.

    ReplyDelete

  2. Hi there, thank you very much for your tips. This one worked as well for me. The only problem I still have is that I still have a white bar on the bottom of my page where originally the home link was situated. Any idea how to get rid of this one too?

    ReplyDelete

  3. @Foreign Film House: Find and delete this part.<div class='blog-pager' id='blog-pager'>......</div>
    ... indicates other codes, delete these also.

    ReplyDelete

  4. Hi again, thank you for helping, but unfortunately no luck yet. I found the part you are talking about:

    But when i remove the bit you mention, I get an error 500:

    Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
    XML error message: The element type "b:includable" must be terminated by the matching end-tag "".

    Error 500

    Do you know what I should do? Thanks in advance.

    ReplyDelete
    Replies

    1. See the updated post. It is not possible to delete, but we can hide the box.

      Delete

  5. Will try your trick.
    http://informationdevelopers.blogspot.in/p/home.html
    http://informationdevelopers.wordpress.com/about-2/

    ReplyDelete
  6. AnonymousJuly 21, 2012

    My brother suggested I might like this blog. He was entirely right.
    This post truly made my day. You cann't imagine just how much time I had spent for this info! Thanks!
    Here is my site ... womens bronze dress shoes

    ReplyDelete
  7. AnonymousJuly 23, 2012

    What's up, always i used to check blog posts here early in the daylight, because i love to find out more and more.
    Here is my web-site ... the new site

    ReplyDelete
  8. AnonymousJuly 25, 2012

    Nice post. I was checking continuously this blog and I'm impressed! Very helpful info particularly the last part :) I care for such information much. I was looking for this particular information for a long time. Thank you and best of luck.
    Feel free to visit my homepage : ortopedia online

    ReplyDelete

  9. I don't want to remove home link . How to add Image in home link?

    ReplyDelete
    Replies

    1. Replace <data:homeMsg/> with <img src="IMAGE_LINK"/>

      Delete

  10. Thanks for this post. You really have strong grasp on the topic.

    Good luck with all your future work.

    ReplyDelete

  12. Couldn't find the code. It worked with adding this code to the Add CSS too:

    .home-link {
    display: none;
    }

    ReplyDelete
    Replies

    1. Your method also will work. But it is hiding the link, not removing.

      Delete

  13. Thanks Basheer, that worked a treat on my blog: www.bestaussieapps.com

    ReplyDelete

  14. i have changed my blogger template and lost my half traffic. plz give any solution for this problem...
    my blog is certification dumps Help appreciated

    ReplyDelete

  15. Great tip. Used it, but had the same problem as Foreign Filmhouse. I got rid of the link, and to get rid of the box that the link used to be in, I tried the next step you told him to only get an error message. I suppose the empty box isn't detrimental.

    To see what I am talking about, this is my site http://dynamitepc.blogspot.com/

    The empty box is at the bottom. Thank you for the help in getting rid of the link itself though. It was quite annoying

    ReplyDelete

  16. Hi, does anyone know how to get rid of the box the home link used to be in??

    ReplyDelete
    Replies

    1. Hi Kab, I updated the post according to your need. Please see the post. It is a working solution.

      Delete

  18. Hi,
    Could you please tell me how to remove the Subscribe via Email link that is at the bottom of comments?

    Thanks,
    Deepti

    ReplyDelete

  19. i Want Add Home Link In My Blogger Please Tell Me how Too Add Home Link In Blogger template

    ReplyDelete
    Replies

    1. Hi,
      Can you be more specific? Where do you want add the link? If you want to add a simple link use <a href='YOUR_BLOG_HOME_LINK'>Home</a>
      Don't forget to replace capital letter word with your home page link

      Delete

  20. Hello Basheer,

    I have Blog & I made 3 pages of my blog & add one page from URL after adding page from URL ! I page's show without by serial & row. I wanted to see all page's in row but it wasn't happening. So I delete all page's of my blog but still its show. I don't understand why this happen. please help me

    ReplyDelete

  21. This comment has been removed by the author.

    ReplyDelete

  22. I wonder how you got so good. This is really a fascinating blog, lots of stuff that I can get into. One thing I just want to say is that your Blog is so perfect!
    business loan for bad credit

    ReplyDelete

  23. I've tried (and tried and tried) your "trick" to remove the box left after removing newer/older and home.......but can't make it work. The links are gone but the white box is still there. Really messes up the look of the bottom of the page.

    Any other suggestions?

    I'm using Blogger>>>simple template.

    Thanks.

    ReplyDelete
    Replies

    1. After posting my question, this code appeared above the Nav Bar on my blog........can't find a way to remove it! Help!!! : )

      - See more at: http://www.bloggerhow.com/2012/04/remove-home-link-from-blogger-template.html?showComment=1357174569348#sthash.0OtRoyHU.dpuf

      Delete

  24. OK....FINALLY got rid of that annoying type at the top of my blog........BUT........STILL NO LUCK! Cannot seem to get rid of the box the newer/older/home page came in!!!

    Is there nothing else to try?

    Thanks.

    ReplyDelete
    Replies

    1. I checked your blog. Please add below code in your style section.
      .post-footer{display:none !important}

      Delete

    2. Style Section? I put in in the CSS section.......but nothing happened....the white box is still there. What am I doing wrong?

      By the way.....I appreciate the help. I just can't figure this out myself.

      Delete

  25. This comment has been removed by a blog administrator.

    ReplyDelete

  27. Hmmmm.....wonder if the Template has been changed since I last worked with it. (I got frustrated and gave up for a while.) Can't find the "expand widgets" line. Has this changed?

    And when I search for the comment it shows that is isn't there.

    Very confusing.

    ReplyDelete
    Replies

    1. No more expand widgets, recent update to the editor removed this option. Instead you can find the widget name using the drop down list and expand. In your case, no need of this. Just click inside the template (important!!) and then search.

      Delete

    2. IT WORKED!!!! THANK YOU SOOOOOOO MUCH! I truly appreciate the help. Can't tell you how irritating that white bar was! Looks so much better now that it's gone.

      Delete

  28. thankyou about that info, very useful

    ReplyDelete

  29. Thank you. This truly works:)

    ReplyDelete

  31. Hi my friend.. I m the owner of this blog: http://prognwstika-stoixhma.blogspot.gr/ and i m looking for a pager like this: http://tvnea.blogspot.gr/

    Have any idea?

    ReplyDelete
    Replies

    1. Find out their template and use that..

      Delete

Feel free to ask
Please post your suggestions in this suggestion page.
Please don't spam. If you want to post your blog link with your comment, please use your Blog URL as an OpenID.(Refer this tutorial)
Make sure to click the "Subscribe by email" link below the comment form for to be notified of follow up comments and replies.
Please use HTML encoder for inserting links and code

To Top