What's Favicon? Favicon, is also known as Favorites icon, Website icon or Bookmark icon, that appears beside your URL in your browser. It is one of the most important factor on introducing yourself, your product or company around the globe.
*click images to enlarge
You must have your own picture (JPEG, ICO, PNG & GIF Format) preferably equal dimensions on both side or simply a squareHost the picture from several sites that offer free photo hosting such as ImageShack®, Photobucket, Picasa, etc. If you want to use your profile pic in facebook, you may right click the pic and select copy image location. You can also check out some site like a Favicon Generator or host host it directly at IconJ
Sign in to your blogger account, click Layout Tab, then Edit HTML and check Expand Widget Templates
Now before anything else please back up your template by clicking on "Download Full Template" or click "Preview" to make sure you did the right thing.
Press "Ctrl F" and find the code below
After the code above, paste your link code, make sure to change "YOUR IMAGE LINK/URL", to your own link and change the type='image/jpg' to your designated icon, such as, JPEG, ICO, PNG & GIF Format.
Your code must look like this:
Best viewed in Firefox, Chrome or Flock browser
2 comments:
Great tip! I was looking for something like this. I wish they would make it easier but this is a very helpful guide. Some of my clients are on Blogger so I'll use it for their blogs. Perfect. Thanks!
Thank you for the appreciation.
I also wished that you just have to upload the favicon in able to use one, but we still have to recommend it to Blogger. In time, I guess. If you have any suggestions that you want me to post, feel free to do so. All the best!
Post a Comment