Sunday, 5 July 2009

FAVICONS

If you hate that icon (favicon) at the top of your address bar, then here's how to change it to something you do like!


Find an image you like, copyright-free of course, and not too detailed: it will be shrunk into a tiny thumbnail. There are items on my Freebies page, and links in the sidebars if you need to find something. ICONJ also have free images you can use.

Maybe you'd like to right-click and save this rose to your My Pictures folder.

Go to iconj.com and open a free account - you will then be able to upload your image and make it into a favicon! They'll do all the hard work for you - or you can choose one of their free ready-made favicons.
Click on the My Favicon Code button, copy all the code and you'll see they show you where to place it. I found this took a bit of trial and error re placement for my favicon to show, so here's the foolproof way:

  • Go to Layouts > Edit HTML
  • Anywhere on the page, click CTRL+F, which will open a toolbar right at the bottom (just above your Start button). There's a box labelled Find.
  • In the Find box, type in <head>
  • Place the code you copied below this section:
<head>
<b:include data='blog' name='all-head-content'/>
and put it here, just before the Title section you see below

<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
Now click on the Preview button, just below the HTML box, and if you are happy then click Save Template. If you hate it, just click Clear Edits.

That's it - now enjoy your prettier address line!
post signature

9 wonderfully witty comments:

Laure Ferlita said...

What fun, Susie! Can you use this to replace the "b" on your blog addy too?

Susie Jefferson said...

It IS replacing the B in my blog address - and the favicon shows in your tabs, too, when you have a lot of pages open. I love it!

I think yours might just have to be a cherry? :-)

Glenda said...

Thank you for sharing Susie. I will be back for some of your blogging tutorial's

Barb said...

Thanx for this info Susie.. I am going to have a go at it. You are soooo clever!

Princess Of Pink said...

It just doesn´t seem to work for me, duh! I tried and tried, uploaded diff. favicons but it just didn´t change, the boring B is still there...ah well

Princess Of Pink said...

DUH!!! IT WORKED!!! YAY!!! Love it, thank you, lol. Must have done something wrong the first 100 of times lol.
But now it worked.

Hugs and thanks
Marian

Susie Jefferson said...

Yaaay! Hooray! Let's hear it for FAVICONS! No more boring "B"!

KV Creative Designs said...

Thank you for sharing that tip! I love it!!
Artful Blessings,
Kathryn

Sugarpie said...

Cool trick! Tried it and it worked!
Thanks Susie..
XOX
Celia

Post a Comment

I absolutely love to receive comments! Thanks so much for taking the time & trouble to write.