1. How to install blogger template?
2. How to remove “Blogger Navbar”?
3. How to re-display the lost “Blogger Navbar”?
4. How to edit Menu on my new template?
5. May I remove the credit link of the template?

How to install blogger template?

1.  Please download your favorite template ( zip ) and then extract ( unzip )

download template

2.  Login to blogger with your ID
3.  On the Blog Dashboard, click TemplateBackup / Restore (refer below image and click on it to enlarge)

uploading blogger templates-new

4.  Do the Backup of your previous template by clicking Download Full template (refer above image)

5.  Click Choose File button and then select the template file that you have just downloaded and extracted ( xml ), and then click Upload button. (refer above image)

6.  Done. Enjoy the new appearance of your blog.

↑ Back to top

How to remove “Blogger Navbar”?

blogger navbar

Many of blogger.com users do not like the existence of blogger Navbar (blogger navigation bar) so that most of them want to remove it. Actually, the navbar can be removed easily by adding CSS code, but need to know that removing the navbar is still debated among bloggers if it is a violation of TOS made by blogger. If you do not worry about it and want to remove the blogger navbar, below is the CSS code you can use to remove it.

Hide navbar

#navbar-iframe{display:none;height:0;visibility:hidden;}

Or you can use another method, i.e. auto hide navbar (the navbar can only appear when mouse over)

Auto Hide Navbar

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Below is the way to install the CSS code
Login → Layout → Edit HTML
Then copy and paste the code above between the CSS code, and then end with a click on SAVE TEMPLATE. E.g. :

hide navbar

↑ Back to top

How to re-display the lost “Blogger Navbar”?

Maybe you have found or downloaded templates that have added the CSS code to remove the blogger navbar, and you feel uncomfortable with it. Then you can re-display it by removing the code like above (CSS code to remove navbar).

↑ Back to top

How to edit Menu on my new template?

In general, to edit the Menu, you have to do that through Edit HTML, as follow:

Login → Layout → Edit HTML
Then find the code similar to:

<li><a href='/'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Post RSS</a></li>
<li><a href='#'>Comment RSS</a></li>
<li><a href='#'>Edit</a></li>

To add your own links to the Menu, simply change the symbol # with your own links. Or find the code similar to :

<li class='current'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a></li>
<li><a href='#'>Edit</a></li>

Then you can change expr:href=’…’ with your own links such as href=’mylink’. Or for more complete information, you can read the instructions of the template you choose.

↑ Back to top

May I remove the credits link of the template?

No, you may not. Most of the templates available in Blog Template 4 U are licensed whether it is creative common GPL or the like. If you feel uncomfortable with the position of the credit link, you can move the position to another place, but not to remove it. It is also as the appreciation to the template designers or owners so that they can still have the high spirit to create and create more templates and give them to you.

↑ Back to top