Remove and Hide Blogger NavBar (Top Navigation Bar)

STEP1:Log in to Blogger, go to "Layout" -> "Edit HTML"Now find this code:

]]>

Note:

there will be two ]]> PASTE THE BELOW GIVEN CODE AFTER 2ND ]]>

STEP2:And immediately BEFORE/ABOVE it, paste this 

code:

#navbar { display: none; }

or:

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

Now click on Save Template

and you will see that now there is no blogger Navigation bar on your blog 

Remove and Hide NavBar in Blogger Classic Template

1. Login to Blogger.
2. On the Blogger Dashboard, click on the Template link of the blog that you want to disable its NavBar. You can also click Customize on NavBar while visiting your blog.
   
   
   
   
   
   
   
   
   
   
   
   
3. The Edit HTML page under Template tab should be loaded. If not, go to the tab.
4. Search for the following line of code:
   Then, add the following line of code before that line:
   #navbar-iframe { display: none; }
   The Blogger Classic Template uses iframe to load the NavBar, and styles it with ID named navbar-iframe. The name actually also works for new Blogger Widget Template too.
5. After hiding the Nav Bar in Blogger using Classic Template, there tends to be a gap that replaces the navigation bar. The gap may be white, red, green, blue, or black in color, depends on what is your background color. To remove the gap, find the following code (normally near the top of the HTML):
   body {
   Add in the following like of code after the body tag:
   position: relative;
top: -32px;
6. Click on SAVE TEMPLATE CHANGES button when done.

Tip: To display and show NavBar again, just remove and delete the additional codes that have been added.

How to create a dynamic meta tags for Blogger

One of the problem when you're on Blogger platform is the duplicate meta content. In this post we will try to make a solution by making adynamic meta keywords and description for your Blogger blog. Meta tags are somehow important for the search engine and you're readers. Some search engine are relying on your meta content for their search results. While it impact readers when it appears on the search results with your 'meta description' coping with their search terms.

Here are the easiest way to make a dynamic meta contents for your Blogger blog.

Find this code block at the beginning of your template:

Remove this * before using this code

<*head><*b:include data='blog' name='all-head-content'/>
<*title>
<*b:skin>

Replace this line of code with the code block below:
<*title>

Now copy and paste this code block.
<*b:if cond='data:blog.pageType == "index"'> <*title> <*meta content='Make money online by starting a blog.Free Blogger Templates, Tutorials, Tips, Tricks and add-ons
for blogs that are using the Blogger platform.' name='description'/>
<*meta content='Blog, free blogger templates, tutorials, tips, tricks, hosting, wordpress, make money online, internet marketing'
name='keywords'/>
<*b:else/> <*title> - <*/title> <*meta expr:content='data:blog.pageName + " by " +data:blog.title' name='Description'/>
<*meta expr:content='data:blog.pageName + ", " +data:blog.title' name='Keywords'/>
<*/b:if>

Replace these part with your blogs meta description and meta keywords.

<*meta content='Make money online by starting a blog. Free BloggerTemplates, Tutorials, Tips, Tricks and add-ons for blogs that are
using the Blogger platform.' name='description'/>
<*meta content='Blog, free blogger templates, tutorials, tips, tricks, hosting, wordpress, make money online, internet marketing'
name='keywords'/>


Then save your template.

Now you can test if your meta content is dynamically changing by viewing your blog, then right click-->view page source and you must see the meta description and keywords differs when you're viewing the homepage and one of your post. Hope it works for you, cause I have implemented this for all of my blog and I must say it worth a try.

Different title for every post Bloger

I know that everyone will want their blog with a high Google page rank. Why high Google page rank? The answer lies in the question itself. It is simply because "Google". Though there are various factors that will improve your page rank, one small method that will improve the page rank is proper usage of the HTML in your template.

The blogger templates are not search engine optimized that is they are not simply compatible to boost up your page rank. If you take a look at your existing Blogger title you’ll see that blogger displays the blog name first then followed by your post title. They have it backwards so let’s get your blog setup properly.


this code will add different title to every post

Follow these very simple steps and you can optimize your blog.
1. In your Blogger dashboard, go to “Layout”“Edit HTML”.
2. In the template code, do a search for the below code:

Remove this * Before using this code

    <*title><*data:blog.pageTitle/><*/title>

                               or

<*title>maybe you will see your site title here<*/title>

It’s usually in the first 5-10 lines of code in your template.
3. Replace the above code with the following code:

      <*b:include data='blog' name='all-head-content'/>

4. Save your template and go back to your blog. Click into any individual post and look at the page title. Now, your blog is search engine optimized and within few days, you will find your page rank improved provided you keep your blog alive. To improve your traffic,