Add a Favicon to your Blog

With this post I will start a new section. Here I will explain how to optimize your blog, 

how to take full advantage and make money with it.

I will focus on writing articles for blogger blogs but some also worth to other blogs like wordpress.

If you want to make money with your blog, even if it's something very personal, it must be a professional-looking blog.

Let's start by creating a favicon. A favicon is a favorite icon that appears in your browser when you bookmark a site.

CREATE THE FAVICON

A favicon is a very small size, must be 16x16 pixels and must be a .ico file, you can do it with Photoshop or Paint for example but if you're not good with that, there's a website that can help you.

http://www.freefavicon.com/

At freefavicon.com you can choose one of the thousands that they have and download it.

UPLOAD TO THE WEB

Now you have to upload the favicon. There are free hosts which support .ico files:

http://www.imageboo.com/

Upload your favicon and copy the url.

ADD THE CODE TO YOUR BLOGGER TEMPLATE

And finally you have to put a code in your blog template.

In Blogger go to Layout and then go to Edit HTML.

Search the </head> tag in your template using your browser search function.

Immediately before the line </head> paste the following code substituting FAVICON-URL for the url where your favicon is hosted:

<link href='FAVICON-URL' rel='shortcut icon'/>

<link href='FAVICON-URL' rel='icon'/>

Save your template.

That's it! Now your blog have favicon!

Share It!