A favicon (short for favorites icon and also known as a shortcut icon, website icon, URL icon, or bookmark icon)
"is a 16×16 or 32×32 pixel square icon associated with a particular website or webpage. A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page's favicon in the browser's address bar and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab. Some programs allow the user to select an icon of their own from the hard drive and associate it with a website." (according to Wikipedia)
Confused? In Kiddo terms, it's the tiny image that shows up before the address in your brower's address bar or before the title of a page on a tab.
You'll notice that the generic Blogger favicon on my blog has been replaced by a pint sized version of my logo, or MiKit, which was created for me by the lovely
JMKit.
How did I do this? First, I chose my image. A favicon on Blogger is 16 x 16 pixels, so my MiKit had to be resized. I uploaded my MiKit to
Photobucket, a free image hosting site, and resized it using Photobucket's editing function. After saving my 16 x 16 MiKit, I copied the direct link for the image.
Now is the fun part which I know my pal Laurel will absolutely love: HTML code!!! This is where a fabulous blog tutorial helped me out.
The Curious Pug
created
this super easy to follow tutorial on how to create a favicon. I had tried other tutorials previously, but had always gotten way too confused because they all seemed too complicated. The whole process probably took me 5 minutes to complete and now I have a cute little favicon to show for it! Let me know if you get your own custom favicon and if you use the tutorial from
The Curious Pug, please leave her a comment on that post letting her know how helpful her tutorial was.