[ how to remove the "home" button ]

So sorry I didn't post on Tuesday! This is the first time I've ever done it (well, ok, there was one time when I posted it on Wednesday, but this is the first time it's gotten posted so late!).

This is basically just hiding a button, so that you can't see it anymore. It is a pretty big eyesore, and I like it about as much as I like the Blogger templates, which is in between hating and liking. It's kind of a meh, it's fine, but I wouldn't choose it.

So if you're like me and you wouldn't choose it, here's a way you can unchoose it by hiding it. Not totally removing it, just hiding it until you think you want it back (if you ever do). Read on.


But here's the code you need for the removing of the home button. And also, just so you know, if you want the home button back, just erase the code. Last, very very last, thing: it's not 100% completely removing the home button -- when I say "remove" I just mean "hide", which is a very different thing in HTML and CSS, but since I'm a total amateur, I can say it.

Here's the code.
.home-link { display: none; }
And the pictures.

First, you'll probably need to know what the home button looks like...
...and what it does. Basically, it's just like the blog title or the header picture, and it brings you back home to where the most recent posts are, or whatever it is you've programed it to take you to. Getting too confusing? Maybe you already know what it is, you just don't know where it is.

The home button is located at the very bottom of the page. Scroll down until you can't scroll down anymore and unless you have a very thick header, it should be right there. It will just say "home" unless you've tampered with the words (and then you should already know what/where it is). It's sandwiched in between the "Newer" and "Older" posts.

Here's how to remove it. Hide it, really.

1. Go to Template > Customize
2. From Customize, go to Advanced > Add CSS, and insert the code above
And there you go. Notice anything different?
before...I hope

after - even though there's a lot to improve
I was going to push the two pictures together but I didn't want to take anymore time (it's Thursday night, and I was supposed to have this out on Tuesday, so who cares about pictures and convenience, I'm going to bed).

For future reference, I'm going to be including a Google search you could use to find a better tutorial or a video that might explain a little better (or a lot better, actually!) than I could.

Google search: "hide home button on blogger using add css"

New posts every Tuesday! Try it out and tell us about it.

No comments:

Post a Comment

keep it simple, keep it clean, and keep it on one idea! Comments that don't follow these instructions will be removed immediately. Click here to learn how to insert boldface, italics, and links into your blogger comment.