Wednesday, March 14, 2012 - 0 comments

How To Simply Add Your Own Favicon On Blogger


Boggers want to build brand for their blog and one easy way to do it is adding a unique Favicon. By default, a blogger blog has Blogger Logo as the favicon. You can change the default favicon easily of the blog on your blog design panel. The favicon on the upper left of the panel is editable, which gives you the option of uploading an image from you desktop or from the web as your blog favicon. But the change in favicon will be seen after a day. You don't want to wait that much time just to see a blog favicon right? So here's a way on how to change your blog favicon by just adding a code on your blog template HTML and that will show your new blog favicon just after you save the changes.


Adding A Favicon On Your Blog

1.  First, you need to make you own unique favicon. You do it on image editors or directly from the web. (I have some list of sites where you can make your favicon after this tutorial.)

2.  Now, go to your Dashboard >> Design >> Edit HTML.

3.  Find the code below. (Ctrl+F and paste the code on the search bar to find it easily.)
<b:include data="blog" name="all-head-content"/>

4.  Copy and paste the code below right after the code in step 3.
<link href="YOUR FAVICON IMAGE URL" rel="icon" type="image/vnd.microsoft.icon"/>

IMPORTANT:  Change "YOUR FAVICON IMAGE URL" in the code above with the URL of your own unique favicon.

5.  Now save the template and check your new blog favicon.


Favicon Editor Sites

Comment below if your having problem implementing this tutorial. ^^

0 comments:

Post a Comment