Blogger Template Ads: Tips

Showing posts with label Tips. Show all posts

Add an image to your blogger header

How to add a video to my blog?

Add a video you like to your blog from either Youtube or Google Video.

From Youtube:

In the upper right hand of the page, next to the video is a box with a link and an embed code.

To embed this video right onto your blog copy the code (Ctrl+C) in this embed box.

From Google Video:

On the right side of the video is a link that says "Email - Blog - Post to MySpace". Click on this link.

When you click that link some more links show up. Click on the one that says "Embed HTML".

If you want to embed this video right onto your blog, copy the code (Ctrl+C) in the embed box.

Into your Blogger Dashboard:

Paste the code (Ctrl+V) you saved earlier right into the text area.

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!

The smallest mp3 player

Your mp3 links (<a href="my_file.mp3">Link</a>) will automatically turned into a very small player.

Luka
Children

Copy the code below and place it in anywhere in your HTML:

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: