Favicons for Blogspot Blogs

To provide an image link you will first have to create a button image.
Go to any of these sites and create a button image.

glassy buttons

Flash Buttons

Free Gif Button Generator


After creating the button upload it to a free host like Photobucket.com or Googlepages and copy down the link to the image.

Paste it in a Notepad file for inserting it into the code as shown below.

To put the code in your sidebar login at Blogger.com and click on Layout link on Dashboard. Then click on Add Page Element link at top of sidebar. Choose the Html/Javascript option and paste the following code in the contents window and save :

To link to this blog, copy and paste the code below into your site.

<a href="BLOG_URL"><img src="LINK OF IMAGE" alt="BLOG_DESCRIPTION" /></a>

Replace the CAPS with the relevant data for your blog.

Get Full Script HERE

I recommend that you use the link above - it's easier to understand :)

You know you only get one chance to make a good impression. One of the best ways to make your Blog stand out is to have a great Template after all one of the great criticisms of Blogger powered blogs is that so many of them look the same. I have listed below a few of my favorite sources for free Blogger Templates:

Blog Buster - Blogger templates, tutorials and tools. Simple techniques to help you build a better blog.

Final Sense
- All Blogger templates are Free, 2 to 4-column with good design and standard style! special for Blogger.

Jack Books - Really good Templates and some money making tips

Free Blogger Templates WordPress Template For Bloggers

If you want to add a label cloud as I have done here it's really easy to do and again is a nice way to make your Blog different,

Visit here for complete instructions.

Just a reminder to make sure that you back up your template before making any changes. Follow exactly the directions that phydeaux3 gives you.

One really simple way to make your Blog stand out from the rest is to change the 'hover effect' as I have done on this Blog. It's easy to do and a small change that packs a punch!

For more information about links-hover rollover effects visit here.

Find this in your Template:

a:hover {
color:$titlecolor;
text-decoration:none;
}

Change it to this:

a:hover {
background-color: #FADADD;
color: #987654;
text-decoration: none;
}

This is how it works:

#DC143C
 is the color behind the text and
#FFFF00  is the text color.

To find more colors and their codes visit here.