Add an image to your blogger header

Backstage

How to install a Blogger XML template

Make sure you have backed up your template before installing a new one.

(You can also install a HTML template).

1.

You have to choose a XML Template

2.

Save the XML file on your hard disk.

3.

Go to your Blogger Control Panel - Edit HTML

4.

Browse the XML file you have saved and upload it.

5.
Finished!

Labels: Blogger, Tips, XML

A Previous Post Link

An easy way to add a previous post page link in the top of your blog (classic template):

« Home | Previous Post Title »

Just paste the code below before the <Blogger> tag.

<ItemPage>
<p style="text-align:center">
&laquo; <a href="<$BlogURL$>">Home</a>
<span><BloggerPreviousItems> | <a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a> &raquo;</span><span style="display:none"></BloggerPreviousItems></span>
</p>
</ItemPage>

Labels: Blogger, Hack, Tips

Remove the Blogger Banner

To hide the Blogger Navbar :

1- Log in to blogger

2- On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.

3- paste the CSS definition in the top of the template code:

...
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

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

/* Variable definitions
  ====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="mainTextColor" description="Text Color" type="color"
             default="#333" value="#333333">
   ...

Remove the code to show it again.

Step by step in video:

Labels: Blogger, Hack, Tips

Button

Or past the code:

<a href="http://blogger-templates.blogspot.com"><img alt="Blogger Templates" style="border:none" src="http://www.cfc.free.fr/bt.png"/></a>

Labels: Blogger, widgets

How to install a Blogger HTML template

Make sure you have backed up your template before installing a new one.

(You can also install a XML template).

1.

You have to choose a Html Template

2.

Copy the code (Ctrl A: Select All, Ctrl C: Copy)

3.

Go to your Blogger Control Panel - Edit HTML

4.

Revert to Classic Template (You can return whenever you want).

5.

Paste the code into the Template area (Ctrl A: Select All, Ctrl V: Paste)

6.

All done!

Labels: Blogger, HTML, Tips