Howdy! Today I will give you a quick run down on how to change the Navbar (Fat Mum Slim showed a similar idea here) and centre your Pages tabs on your blogspot blog. The code you need (which I talk about in the video) is below. Just copy and paste it. Navbar #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, …
Howdy!
Today I will give you a quick run down on how to change the Navbar (Fat Mum Slim showed a similar idea here) and centre your Pages tabs on your blogspot blog.
The code you need (which I talk about in the video) is below. Just copy and paste it.
Navbar
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
Pages Tabs
.PageList li a {
margin-right: 10px;
}
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}
Hope this helps! Happy blogging.
Be the first to read my stories
Get Inspired by the World of Interior Design
Thank you for subscribing to the newsletter.
Oops. Something went wrong. Please try again later.
Comments
penny barns
Straight over my head. i am so hopeless with all this stuff.
I will one day get you to do up my page. Just need a spare couple of hundred and i will be right.
Pen x
penny barns
OMG OMG i did it!
Katrina
You’re awesome!!!
Something Gorgeous
Thanks Katrina, I did it!!!
Katrina
Yay!
Aly
Thanks Katrina. I did take my nav bar off but finding it a pain getting back to my dashboard etc, and I’ve been wanting to centre my page tabs too:) x
Felicity
Thanks for sharing this K – I had a genius web designer do my layout but the tips about centring the pages may be something I use in the future.
A quick question about blog comments.
Is there a way that when I post a reply to someone’s comment on my blog that it automatically sends it as an email to them?
x F
Katrina
It should automatically send an email to them anyway. It doesn’t for you?
Gem
Perfect Thanks ♥
Aly
It hasn’t worked for me:(
Katrina
Which one didn’t work Aly?
Aly
The navbar. I managed to get the page tabs working. I took the code out of the HTML that fatmumslim told us about last week to hide. Then when I put your code in the navbar came back (after about half an hour). It was there for about 2 minutes on the preview then when I viewed it was gone. When I hovered the mouse it didn’t reappear but a little white box came up saying go to blogger? So confused;)
I tried it n both blogs and it did the same on both, although only the one blog had previously been altered.
Lauren - Big Eejit
This is great Katrina, thank you! Little things I wouldn’t have even thought of but make the blog look so much tidier and nicer. Off to make the changes now! Btw I love the video tutorial idea, soooo much nicer to hear your voice!
Scandi Coast Home
My Navbar is still there?
I’m not sure why. I already had it tranparent light but would love to hide it altogether…
I did it twice with the code. Still there.
I really frustrate myself sometimes. ;o)
………………………………………….
TM xx
Vanya
Thanks so much Katrina, I have long wondered how to centre my tabs! I’m going to have a look through your blog to see if you’ve done a tutorial about centering the logo/banner – this has long been taxing me….. 🙂
Nicholle Olores
Thanks for the link, I will try this tutorial later hope it works me. Thanks a lot once again for sharing this!
mirela
thank you so much..i’ve always wondered how to do that for ages..you made it so much easier ..thanks again:) xx
Linnie
Thanks for the tutorial – looking forward to trying that out on my page. I also enjoyed your post about comments !
LinnieatLarge.com