Tech Tips: How to setup or create your own Favicon on

Written by | Tech

It’s been a slow week for me, anyhow.. here’s a simple steps to setup and create your own favicon on your blog.

via wiki:

A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16, 32×32 or 64×64 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.

Just add the line “URL‘ rel=’shortcut icon’/>” right above the “”. Login to your Blogger account, click the DASHBOARD then LAYOUT of the blog that you want to setup the Favicon, then EDIT HTML. Then use the FIND feature of your browser to locate the “” section.

Here are the things that you need to remember when setting up your favicon.

  • Make sure that the URL is a direct link for your image and an example of a direct link is ““.
  • The image should be a perfect square having the dimension of 16×16, 32×32 , 100×100 or 64×64 pixel.
  • To create your own favicon, you can use the favicon generator online or follow these steps from Abiel Online.

Checkout the screenshot below on how the code is applied.

I’m still thinking of the favicon design that I’ll be using, you can be sure that I’ll changing that icon that you see on top.

Original post from Abiel Online

Last modified: March 31, 2010

Leave a Reply