The blogger navbar is on the top of every Blogger hosted blog. The Blogger support say`s the navbar can be removed only on FTP hosted blogs:

Unless you publish your blog via FTP, the Navbar cannot be disabled.

Why remove blogger navbar ?

Without the navigation bar your blog will look more professional and you will have a little more space. This is the main reason.

Why keep blogger navbar ?

If you keep the navigation bar your blog will receive a small amount of traffic from the "Next Blog" button.

If you remove the blogger navbar do it on your own risk , it`s breaking the TOS (Terms of Service) of Blogger, your blog can be banned , it`s true i have never heard about banned blogs from this reason.

To remove or hide the blogger navbar follow the bellow steps:

1. Go to your blogger dashboard

2. Go to Layout , Edit HTML

3. Now we need just to insert a short CSS code in the blog template. Place the following code somewhere between <b:skin><![CDATA[/* and ]]>

#navbar-iframe {display: none;}

Like here:

4. Save your template ,if you have followed the above steps the navbar will not be visible.

Related tutorials:

Read more...

Back up your blog before any to make any changings in the code of your template or when before you want to edit your posts. Back up your blog regulary to avoid data losing.

1. How to back up your blog:

Go to your blogger dashboard and click on Setting , click on the Export blog link.

Click on the DOWNLOAD BLOG button and save the XML file. With this your template , your posts and comments will be saved.

2. How to back up your template:

Go to your blogger dashboard , click on Layout , Edit HTML. There is a link: Download Full Template , click on it and save your template XML file. Every time when you want to change something in your template first download the XML file and if something goes wrong just uplod your template by clicking on the Browse... , select the XML file and click on the Upload button.

The second way to back up your template is to copy and paste your template code in any text editor like Notepad and save it in a .txt file. If something goes wrong when you work on your template just replace the entire code with the code saved in the .txt file.

3. How to back up your posts

You can back up your posts easily by using the BlogSend feature. To use it go to Settings , Email&Mobile , your posts will be sended to a given email adress so if you accidentaly delete one you can back up it from your email adress. Type your email adress in the BlogSend Adress textfield and click on the SAVE SETTINGS button.

Related tutorials:

Read more...

The ads between posts usually have low CTR (small number of clicks), but this is the easiest way to place ads on your blog. It`s very simple to insert adsense ads between posts , just complete the following steps:

1. Login to your Blogger dashboard

2. Go to Layout , Page Elements

3. Click on the Edit link on the Blog Posts box
4. Check the Show Ads Between Posts checkbox and select the number of ads to show.
NOTE: Don`t forget the maximum number of adsense ads in a single page is 3.

5. Click on the save button and read my post about ads inside posts

Related tutorials:

Read more...

Create your own 3 column blogger template by adding a second sidebar to your blogspot blog, you can place the sidebar in any side of the blog.
By adding a second sidebar to blogger (blogspot) your blog will look more professional and you will have more space for your gadgets and widgets. Follow the bellow steps with attention , and first of all backup your template.

1. Go to your Blogger dashboard
2. Layout
3. Edit HTML
4. Find the sidebar-wrapper code, it looks like this:

#sidebar-wrapper { width: 220px; float: $endSide; word-wrap: break-word; /* fix
for long text breaking sidebar float in IE
*/ overflow: hidden; /* fix for
long non-text content breaking IE
sidebar float */}

5. Add the following code right after it:

#sidebar-wrapper2 { width: 220px; float: $endSide; word-wrap: break-word; /* fix
for long text breaking sidebar float in IE
*/ overflow: hidden; /* fix for
long non-text content breaking IE
sidebar float */}

So it will look like this:

6. Find the following code:

<div id='sidebar-wrapper'>
<b:section class='sidebar'
id='sidebar' preferred='yes'>
<b:widget id='BlogList1'
locked='false' title='My Blog List' type='BlogList'/>
<b:widget
id='Label1' locked='false' title='Labels'
type='Label'/>
<b:widget id='Followers1' locked='false'
title='Followers' type='Followers'/>
<b:widget
id='BlogArchive1' locked='false' title='Blog Archive'
type='BlogArchive'/>
<b:widget id='Profile1'
locked='false'
title='About Me'
type='Profile'/>
</b:section>
</div>

Note: Look for the piece of code what i have marked in red, the middle of
the code is containig the first sidebar gadgets
7. Paste after it the following code:

<div id='sidebar-wrapper2'>
<b:section
class='sidebar' id='sidebar2' preferred='yes'>
</b:section>
</div>

It will look like this, but you have other gadgets:

8. Now edit the size of the template:
Find the following code :

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap:
break-word; /* fix for long text breaking sidebar float in IE */
overflow:
hidden; /* fix for long non-text content breaking IE sidebar float
*/
}
#sidebar-wrapper2 {
width: 220px;
float:
$endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float
in IE */
overflow: hidden; /* fix for long non-text content breaking IE
sidebar float */
}

The bold numbers are the size of the 2 sidebars , this is the standard
size , but you can change them.

Note: If you have the size of the sidebars we need to calculate:

This is the size of the blog:

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

This is the size of the header:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

And this is the size of the posts:

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

These are the default sizes, now lets change them.

The posts body size is 410 , the size of a single sidebar is 220.The entire blog size is 660, the header is the same.

outer-wrapper = 660

main-wrapper = 410

sidebar-wrapper = 220

paddings and borders = 660 - (410 + 220)

Now add the second sidebar:

outer-wrapper = 410 + 220 + 220 + 30 = 880
So edit the outer and the header wrapper to 880

If you use other numbers recalculate it, it`s simple.

9. Save your template and go to Page Elements If you have followed all the steps it will look like in this picture.

10. Now just add some gadgets and please link to us! (Link to us with a text link or use the image code from my sidebar :D thx for your support)

Please also read my new post about how to place one of the sidebars to the other side !

Related tutorials:

Read more...