As everybody knows, Blogger has launched NavBar on the top of every Blog*Spot page.
For me, I am not against to NavBar, since it can take me to others blogs, also bring others to my blog, and a shortcut to Blogger Dashboard, too.
But when the NavBar effect the look of my blog, it bothers me a lot...
I am using the template, Harbor, for my Fool's Paradise in Chinese.
Ever since NavBar launched, the freaky looking of my blog hunts me everyday.
I tried writing to Blogger Support. They reply nothing but same useless instruction on
their FAQ.
• add style="margin-top:40px;" to the topmost element of your Template. (i.e. <>would become <>< /tbody >< /table >< style="MARGIN-TOP: 40px">...blah...blah...blah..
If you also tried and failed to make "Harbor" looks right, maybe you can try my way.
I finally made it looking right, after some tests and play around...
Just copy this script below and paste it to the same section on your template:
----------------------------------------------- */
#wrap {
background:url("http://www.blogblog.com/harbor/sky.jpg") repeat-x left 60px;
min-width:740px;
margin-top:-27px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding:0;
text-align:left;
}
#wrap2 {
background:url("http://www.blogblog.com/harbor/lighthouse.jpg") no-repeat left top;
}
#wrap3 {
background:url("http://www.blogblog.com/harbor/cloud.jpg") no-repeat 100% 75px;
}
#wrap4 {
background:url("http://www.blogblog.com/harbor/center_cloud.jpg") no-repeat 50% top;
padding:15px;
width:100%;
width/* */:/**/auto;
width: /**/auto;
}
Before:
After:
Important note: the script above only work for Harbor.
That's it. Have a nice bloging. ;-)
P.S. If you like to take out the NavBar, there is a guy from Taiwan came out a solution at
zonble's, maybe you can check it out.
