Blogger Help

Here are some tips for Blogger users.  Little did you know how easy it would be to make your blog look different than everyone else's... and easy too!

--> adding links to your side bar
--> make a clickable photo
--> add a banner to your blog
--> more tips coming soon

Adding links to your side bar (menu)   .

1. Log into blogger.com  and choose which blog you will be working on.

2. Click the "Template" tab, you will now see a box with text
    (and some of it may look like greek to you  ;-)

3. Depending on the initial template you chose, you are looking for text like:
   <!-- Sidebar -->   OR   <!-- BEGIN MENU -->
   This is the beginning of the area in which you can add links and images.
   With all of the below examples, copy the text and paste it into your template.

by the way: the code below that is <br> will make the next link appear right below the first link.  if you want to space them farther apart use <p> before the link and </p> after the link.

4. To add a simple text link:

<a href="http://www.yourlink.com">your link text</a><br>

5. To add a text link which opens in a new window:

<a href="http://www.yourlink.com" target="_blank">your link text</a><br>

6. To add an image or button as a link, which opens in a new window:

<a href="http://www.moonarts.com" target="_blank"><img src="button.gif" border="0"></a><br>

6. To add buttons, spacing them farther apart on the page

<p><a href="http://www.moonarts.com" target="_blank"><img src="button.gif" border="0"></a></p>

Make a clickable photo    .

1. First upload a photo to your blog.

2. The HTML for a clickable photo will look something like this

<a href="URL of site or page to link to"><img src="URL of photo"></a>

-a URL is the "web address" of the item,
ie: the URL of this website is http://www.knitblog.com

-the first part of this HTML is enclosed in a left pointing arrow and a right pointing arrow, it tells the link where to go. The second part in "calling" the image from the web to display on the page. The last part "closes" the link.


Add a banner to your blog   .

NOTE: follow these steps if you use a standard Blogger template.  If you have a custom template, you may have to place your image elsewhere in the template.

1. The first thing you need to do is upload your banner image to Blogger.  After you click the upload button, click the circle next to "inline" to get the html for the image.  Copy the resulting text to Notepad, or write it down.

2. In your Blogger account, click the "Template" tab at the top of the page.

3. In the white box with scrollbars, scroll down and look for the text:

<body>

<!-- Begin #content -->

<div id="content">

4. Insert the html text you just copied, place it after <div id="content">

<body>

<!-- Begin #content -->

<div id="content">

<img src="http://www.knitblog.com/images/my-banner.jpg">

5. Click "Save Template Changes".  On the next page, click "Republish" to publish the changes you just made.

Voila!  There's a new banner image at the top of your blog!

do you have a great tip?  click here to share it with knitblog.com
we'll review your tip and post it here for all to see.