I may be smoking something, but I was thinking that every once in a while, you might enjoy a few blogging tips. Am I right?? I know a good handful of you have blogs of your own and this is a category I’m definitely lacking in posts. We’ll see how this goes. I thought I would start off small, I mean really, really small. As in about 16×16 pixels small….it’s called a “favicon.”
After I had my blog designed, I missed having my little favicon. It used to be a little red flower. So, instead of paying more to have it done by a designer, I just Googled it and learned how to do it myself. It was SO easy!
If you don’t know what a favicon is, it’s the little picture next to your URL in the address bar. Or, if you have a site saved on your favorites bar, it will have the site’s favicon (or mini icon) next to it. Look up at your address bar, right now. Do you see the little green head next to my blog address??
* Note – if you are using Internet Explorer, personalized favicons often don’t show up. I haven’t quite figured out how to fix that. However, it should work in both Google Chrome and Mozilla Firefox (my favorite!)
Anyway, it’s not a big deal…but, it’s kinda fun. Kinda cute.
– So, first you need to make a favicon. It’s best to use a simple image or one letter because it’s TINY. You don’t really want words or anything too detailed.
– Create your image in an editing program (like Photoshop), making it 16×16 pixels. Save it as an image suitable for the web. Here’s mine…tiny.
– Upload your favicon image to a photo hosting site, such as Flickr or Photobucket. (I use photobucket). Once it’s uploaded, it will give your image it’s own link, html code, etc.
– Open up the html code for your blog. In Blogger, it’s under “design,” then “edit html”. Find the ‘title tag’ (The easiest way to find it is to type Control and F at the same time. A little box will come up asking what you want to find. Type in the title tag below:)
– When you find it, paste the following code directly below that…
– Replace the URL (address) in the code above with the URL of your favicon (given to you by your photo hosting site).
– Save and done! Your new favicon should show up instantly.