Stubborn Fanatic

Documenting Tech Fanaticism

Nov 1, 2006

Auto-hide blogger navbar like Windows taskbar

Hello Friends,

Avatar from Bloggeratto has put up a comprehensive post on how to get your blogger navbar to auto-hide like the Microsoft Windows taskbar. This means that after using the code from his post you can make the blogger navbar hidden and it appears only when one hovers the mouse cursor over the navbar section.

To view what I am talking about, just view Bloggeratto in Firefox and check out the navbar section. See how the navbar appears when you bring the mouse cursor near it and auto-hides when the mouse cursor is taken away. You can learn this hack on Bloggeratto from here.

No related posts.

(No Ratings Yet)

Loading ...

PDF version

Love Funlog

Thanks for the nice hack.
Zvonko

Hi, an additional nav bar hack can be found here. It hides the nav bar by default, but you can later reveal it by simply clicking on a button. And it works in the new non-beta blogger, too. Take a look.
Vivek Sanghi

@Heather:
Thanks for stopping by!
Heather

Oh, yes, thank you! This has definitely helped.
Vivek Sanghi

Hello Deepa. As mentioned in this post of mine, the beta's template variable for a post's permalink will be "data:post.url". However, you should also be using an expr:href. I encourage you to look that the above mentioned post of mine if not already done so.
Deepa

hi..your "Audio version" of the posts really impresed me.I hava also opend an account with talkr.com.I see taht you are also using beta.Can you pls tell me the {{template varaible for permalink}}..
...a href='http://www.talkr.com/app/fetch.app?feed_id=22035&perma_link=[template variable for permalink]'...
thank you
Deepa
Vivek Sanghi

Thanks for the nice hack. Comparison to taskbar was by chance :)
Avatar

Hah, you are the only one so far that have nailed where i took the inspiration for the idea....

Bravo..(reverence)

blog comments powered by Disqus

Subscribe | Syndicate | Bookmark

Donate

Translate

Google Friend Connect

MyBlogLog Recent Readers

Networking

Link to me using this code

Select this code and paste in it your template or widget to link to my blog. Thanks!

Image Link:

<a href="http://www.techblog.viveksanghi.com/" target="_blank" title="Blogger Hacks n more"><img border="0" src="http://photos1.blogger.com/blogger2/2604/6063341998323/320/mybutton.png"/></a>

Text Link:

<a href="http://www.techblog.viveksanghi.com/" target="_blank" title="Blogger Hacks n more">Stubborn Fanatic - Tech Blog</a>

Search

Links of Interest

Your Ad Here

Blog Statistics