CONSTRUCTION

UNDER CONSTRUCTION

At the moment I'm moving the furniture around here at A Home Away From Home, hopefully I'll be finished before all you dear folks in the states wake up. :0)

How to remove the Blogger navbar

Hi y'all, I don't have alot of time because we'll be heading to the Gypsy village before long for a Tuesday night meeting but I wanted to share something cool for your blog.

You now this little bar that Blogger automatically puts at the top of each blog? Well there is a way to remove it and keep it from messing up your pretty blog or even your layout. It's really simple, really just a few steps and your finished.

1. Open up your blogger dashboard and find the blog where you want to remove the navbar.

2. On the right you will find the LAYOUT link, click on that.

3. As the page opens where you can change your elements and all, you want to find the EDIT HTML link near the top and click on that.

4. Find this body { in the code, it's not too far down.

5. Copy this code
#navbar-iframe { height: 0px; visibility: they hidden; display: none; }
and paste it above the body { code.

6. Click PREVIEW to see it the navbar is gone. If it is and all looks well then SAVE.

**I don't usually but you may want to save your template before editing the HTML just in case.

How to Remove the Border Around a Header

Hey Y'all!!

I sure enjoy browsing all your lovely blogs and I enjoy the individuality of each. As I've been browsing I noticed something: on many of your lovely blogs you have a border around your header picture and sometimes the border isn't the same size or isn't lined up. Well I thought I would share with you how easy it is to remove that border.

1. Open your Blogger Dashboard
2. Open the blog in question
3. Go to LAYOUT
4. Now click EDIT HTML
5. Scroll down in the HTML window until you see this:

/* Header

-----------------------------------------------
*/

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}


#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}


6. In this section you are going to change the pixels on this border.
7. See this line in the above code: border:1px solid $bordercolor; It is in the 1st and 3rd sections
8. Change the 1px to 0px
9. Preview your blog to see if the border is gone.
10. Save your work!