How To Remove The Blogger Nav Bar

If you've decided that you definitely want to remove your blogger navbar, it's actually a very simple process that any non-technically-inclined person can accomplish with ease. Just follow these steps:

1. Login to your blogger dashboard.

2. Click "Layout"

3. Click "Edit HTML"

4. Find the BLUE code you see in the image. The code will be quite near the top of your HTML section, you shouldn't have to scroll very far at all. The blue code should definitely be there, but the data box you see may not be, depending on where your template came from.

5. ADD the code you see in red precisely where you it see it in the image to your right. If you want to copy and paste it, do so from the bold text you see below:

#navbar-iframe {

display: none !important;

}

How To Show Date and Time in Title Bar

This tutorial will help you to show date and time to visitors who come to your site. Time and date is displayed in their browsers title bars.To add this feature to your site simply follow the steps below.



1.Login to your blogger dashboard and go to Layout --> Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below and click save.

<Script Language="JavaScript" Type="Text/JavaScript">

var mytime1=24;
function mytime2() {
mytime3=mytime1+6;
mytime4=mytime1+mytime3;
timexx=mytime1+mytime3+mytime4;
timexxx=timexx/mytime4*mytime1; twelfth=mytime4*mytime1/12*mytime3;
timexxxx=mytime1+mytime3/timexxx-16*timexx;
timexxxxx=twelfth*(mytime1-5)/mytime4+timexx;
timexxxxxx=timexxxxx/timexxxx+mytime1*mytime4-timexx;
mytime5=(timexxxxxx+mytime1/mytime4*timexx+mytime3*timexxx)/twelfth+timexxxxx-timexxxxxx-1;
mytime6=Math.floor(mytime5);
mytime8=mytime6*mytime3/2+100;
mytime7 = window.setTimeout("mytime2()", mytime8);
var mytime9 = new Date();
var mytime10= mytime9.toLocaleString();
document.title = mytime10;}
function op(){mytime2()}
window.onload=op;

</script>

Now you are done.Now refresh your site and look at your browser status bar.

How To Add Blogger Official Share Buttons

In this tutorial I will explains, how to add blogger new share buttons to your blogspot blog.This will more helpful if your template is a highly customized blogger template.But your template is a blogger default template, then you can add this share buttons editing the Blog Posts widget and enabling Show Share Buttons in Page Elements section.

How To Compatible Blogger Blog With Mobile Phones

If you are using a Blogger Layout Template,this tutorial will helpful for you.But if your template is a blogger template,created by using Blogger Template Designer, usually this feature has already added to your template.This will really helpful to increase the number of mobile visitors of your blog.

Now follow the simple steps given below to ready your blogger blog for mobile phones.

1.Login to your blogger Dashboard--> Design- -> Edit HTML

2.Scroll down to where you see below code:

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

3.Now copy below code and paste it just before the above line.

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>