« Ning Communities and RSSHabits of Highly Succeful People »

Easy Favicon for Your Site

07/26/08

Permalink 10:21:18 pm, by Sheryl Email , 387 words, 1698 views   English (US)
Categories: Marketing

Easy Favicon for Your Site

I have done it!
Ok, Brad did it! He made me a Favicon for this site.

What is a favicon? Also called a Favorite Icon.

It is that little picture next to the web address in your toolbar, bookmarks, and on the browser tab. It lets people easily identify your site.
Yes, mine is a ‘S’ sat in ivy leaves. Thought it kinda matched my theme. Favicon

You can make one for your site really easily.
I know that some people sell a Favicon maker script. You can do it for free!!

You can use any picture or design your own (in paint, paint.net, photoshop…)
We made our picture in the png format (seemed to work best for us).

Once you have your picture you will need to size it down to 16x16. There is an easy to use Favicon sizer HERE

Upload your tiny picture to the image folder of your site.
Place the code

Code:

<link rel="icon" type="image/png" href="http://yourdomain.com/yourimagefolder/picturename.png"/>

in the

Code:

<head></head>

section of your blog skin.

EDIT - Brad has wrote us out some other ways to load your Favicon!

Upload your tiny picture to your public html, or a folder of your choice, If you choose put your image in a folder make sure to include the whole path to the image.
Place the code in between

Code:

<head></head>

tags:

If you have a favicon image that has a different format than .ico, use the following code and change the .png to the format you are using.

Code:

<link rel="icon" type="image/png" href="http://yourdomain.com/yourimagefolder/picturename.png"/>

The simplest way to display your faviocn is to use this code.

Code:

<link rel="shortcut icon" href="favicon.ico" >

Remember to include your complete image path on the code and place the code in the proper between the head tags

Code:

<head></head>

Re-upload your skin with the new piece of code and there you have it!!

Now when someone lands on your page or bookmarks it you have an easy reminder for them as to how much they love your page! ;)

I hope this helps you get your site FavIcon up and going!
Be sure to leave a comment and let us know you have yours on so we can come and see what you have picked.

Have a great day!
Sheryl Loch

If you are not seeing your new favicon, you may need to clear your browser cache.

Tags: blog, favicon

5 comments

Comment from: Onna@toddlercraft [Visitor] · http://Toddlercraft.net
Sheryl-I was going to do this-This is great-But I am not clear on where i find my skin code? Is it in the stylesheet? or header area of my theme?

Thanks!
Onna

Recently (04/30/09) Onna@toddlercraft wrote Potty Training Charts for Added Success. Check it out!

05/02/09 @ 09:31
Comment from: Onna@toddlercraft [Visitor] · http://Toddlercraft.net
It worked!! I figured it out!! THanks so much!!

Recently (04/30/09) Onna@toddlercraft wrote Potty Training Charts for Added Success. Check it out!

05/02/09 @ 09:34
Comment from: Sheryl [Member] Email · http://sherylloch.com
Sorry I missed you but, glad you figured it out.
Love your new Favicon. I think I see pink elephants & I have not been drinking I swear.


For any others, it should be in the Header.
05/02/09 @ 11:30
Comment from: Judy Smith [Visitor] · http://www.birdessentials.com
Hi Sheryl,
What a cool tool. I will have to wait until I am feeling real brave and give it a shot. I understand the instruction, so i should be OK. Thanks for sharing it.
Hugs and blessings,
Judy
05/02/09 @ 17:29
Comment from: Sheryl [Member] Email · http://sherylloch.com
Judy,
If you need help give us a yell on Skype.
A favicon is great to help people remember your site. I can also scan my bookmarks (favorites) & just look for the favicon.
05/02/09 @ 20:39

Leave a comment


Your email address will not be revealed on this site.

Your URL will be displayed.
(Line breaks become <br />)
(Name, email & website)
(Allow users to contact you through a message form (your email will not be revealed.)

post snap widget by EdB feed reading by SimplePie