But first of all i want to tell you what exactly is the blogger navbar. It gives a few options:

-to search in the blog

-to go to random chosen blog

-to mark the blog as spam

If you don’t want to have this navbar on your blog anymore just login in your blogger account, then to Layout, then to Edit HTML and after that you should put this code somewhere in before the end of HEAD tag:

#navbar-iframe {
display: none !important;
}

Ok, i’ll give and share trick and tutorials about it, and of Course this article taken from :

http://help.blogger.com/bin/answer.py?answer=42215&ctx=sibling

She Asked About “How to create expandable post summaries or how to create Read more on Blogger Classic template.

Ok, Lets Begin…

Simple Answer is :

• Add tags to your posts to mark which parts you want hidden in the summary version.
• Add CSS declarations to your template to hide those sections on the index and archive pages, but not on post pages.

Detail Answer is :

With this trick, you can choose to display an arbitrary amount of text from the beginning of each post, as a teaser for the whole thing. Then users who want to read the rest of the post can click a link to see the full text. This is handy if you have lots of long articles all on one page. Note that you’ll need to have post pages enabled in order to make this feature work.

There are three ingredients that go into this feature: conditional CSS, a “read more” link for each post, and a modification for the posts that use this feature. So let’s go through it step by step.

Conditional CSS

We’re going to use conditional tags to change how posts display on different pages. Add the following code to your style sheet, depending on what kind of template you have:

(for classic templates)

<MainOrArchivePage>
   span.fullpost {display:none;}
</MainOrArchivePage>

<ItemPage>
   span.fullpost {display:inline;}
</ItemPage>

(for layouts)

<b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;}
</b:if>

Your style sheet is usually near the top of your template, between the <style> and </style> tags. If you have your style sheet in a separate file, you’ll still need to add these lines in your template, so the conditional tags will work. Just make sure you add in the <style> tags around them.

What we did here was to define a class called “fullpost” that will appear only on post pages (permalinks). Part of each post will use this class, as we’ll see later.

“Read More” Links

Add the following code to your template, somewhere after the <$BlogItemBody$> or <data:post.body/> tag:

(for classic templates)

<MainOrArchivePage><br />
   <a href="<$BlogItemPermalinkURL$>">Read more!</a>
</MainOrArchivePage>

(for layouts)

<b:if cond='data:blog.pageType != "item"'><br />
   <a expr:href='data:post.url'>Read more!</a>
</b:if>

This link will only appear on the main page and archive pages, and it will redirect your reader to the post page containing the full text of your post. You can replace the “Read more!” text with whatever you like, of course.

Post Modifications

The final piece that we need is a little bit of code in your actual post. Each post that you want to use this feature on will need this code:

<span class="fullpost"></span>

This part can actually go in the post template, if you don’t want to have to type it for each post. You’ll enter the summary text outside the span tags and the remainder inside, like so:

Here is the beginning of my post. <span class="fullpost">And here is the rest of it.</span>

Now, when a reader visits your blog, this post will appear like this:

Here is the beginning of my post.
Read more!

When they click the link, they’ll go to the post page where they’ll see the whole thing:

Here is the beginning of my post. And here is the rest of it.

Notes:

• As with any template modifications, you should be sure to save a backup copy of your template before you start. Just copy and paste all your code to a text file on your hard drive, so you’ll have it there as a replacement in case anything goes wrong.
• An alternative to creating post excerpts like this is to use the show/hide method on entire posts. Each method has its own advantages and disadvantages.
• Advantages to this method: Customizable summaries, rather than titles only. Can be applied to some posts and not others (for instance, you might only want this for your longer posts).
• Disadvantages: Requires changes to the posts themselves, rather than to the template only. However, the “read more” link is in the template, so it will appear regardless of whether a post has been truncated or not. (Modifying this feature is left as an exercise for the reader.)

NOTES..!! :

• This Artcle is taken from http://help.blogger.com/bin/answer.py?answer=42215&ctx=sibling
  
• Click this link if you want to Read the originally content or article How to create expandable post summaries or Create Read more on Classic template.
• Thanks very much to Blogger caused give us more solutions !!

login in your blogger account :

- go to your blogger account control panel

- open lay out / template menu

- edit html

blogger edit html

- don’t forget for backup your sidebar or widget ( usually there’re fill more your blog roll ( your friends link ) or some html/javascript bar so, you don’t for get to take this actions before decided to change or install blogger xml template.

- choose edit HTML

- click menu browse from your hard drive

xml template uploads

- click upload.

- save.

- check your blog or click view blog menu.

Navbar (Navigation Bar) is fasility of blogger.com. But many blogger want to hide this navbar because it will make their blog layout look better without a box (navbar) above it.

Trick to Hide Blogger Navbar (Navigation Bar) :

1. Login to Blogger then klick “Layout –> Edit HTML”.
2. Copy the code below and insert into your <head> tag.

#navbar-iframe {
display: none !important;
}

3. for example put like this

———————————————–
Blogger Template Style
Name: xxx
Designer: xxx
URL: http://BloggerTrick.com
Date: Januari 2008
———————————————– */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

4. Save your setting, and open your blog, You will have no see again navbar in your blog page.
Click here for Download PDF Version