Follow my renovations on Instagram.

I give you a tutorial on how to edit your Navbar and Pages tabs on blogspot

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.

 

18 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

    • Katrina (author)

      You’re awesome!!!

  • 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 (author)

      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 (author)

      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

Leave a Reply

Your email address will not be published. Required fields are marked *