How To Display Blogger Navbar

Wednesday, September 07, 2011

Some weblogs do not display the navbar which locate at the top of blog.


Actually I don’t know the advantage of navbar. However, in my observation, the navbar can ease the blog’s owner to do the following

  1. Log in to the blogger dashboard
  2. Create a new post in your blog
  3. Edit your blog design

Also it is very easy to blog’s visitor to share the visited blog to their friend and report any abuse such as defamation or humiliation that related to them. Besides, the navbar can give easy access to blog visitor to create a new blog.

If you think it is useful for you to display the navbar inside your blog, you can consider to follow the procedure below.

The Procedures

  1. Login to your blogger dashboard –-> click Design –-> click Edit HTML.

  2. Press Capture to show the Find toolbar at the top of the template editor –-> in its textbox, type #navbar-iframe –-> click Next.


  3. Now, you will see the CSS id like below in template editor. Look inside the red box.


  4. Inside the CSS id above, turn the code display: none to display: inline. See the example below


  5. Click SAVE TEMPLATE –-> click View Blog to see the result. 


{ hatikubaik|mohdhazlan Dreadlock } at: September 8, 2011 at 12:37 AM said...

blh try ni

{ Zainal } at: September 8, 2011 at 12:52 AM said...

salam hatikubaik...

ya try jgn tak try...klu da masalah leh tanya...kot2 leh saya bantu...hehehe

{ Kaio } at: September 8, 2011 at 1:05 PM said...

nice. bookmarked ur blog.

{ Arya Putra } at: September 8, 2011 at 3:23 PM said...

kalau default memang display kan?
kalau nak sorok plak camna?
aku dah lupa la..hoho..

{ Zainal } at: September 8, 2011 at 3:39 PM said...

salam arya putra...

ya memang klu default dia display...tapi ada sesetengah blogger template yang kita download..cthnya blogger template aku nih default memang tak display....

klu nak sorokkan just tukar display: inline kepada DISPLAY: NONE

cube tgk contoh code kat bawah untuk sorokkan navbar...

#navbar-iframe {
display: none !important;

ini untuk kes blog template aku...

Anonymous at: July 30, 2012 at 8:12 AM said...

thanks! it worked! :)

Post a Comment

Related Posts Plugin for WordPress, Blogger...