Showing posts with label Tips. Show all posts
Showing posts with label Tips. Show all posts

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!

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>

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:

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!