Add Favicon to your Blog

To add Favicon to your blog just follow the steps below-
Go to your Blogger dashboard and under the Template tab, go to “Edit HTML”. Near the top you will see a line like this:-

    <title><data:blog.pageTitle/></title>

    Copy and insert the following code below above line in HTML:-

    <link href=’URL of your icon file‘ rel=’shortcut icon’ type=’image/vnd.microsoft.icon’/>

    Remember to type in the “URL of your icon file”, it is address of your Icon file.
    Save the template. When you refresh your blog site, you should see your nice little Favicon next to the blog address.



    Other image types
    The .ico image format has been used by many but you can also create an image under the .png or .gif format. Ensure that the size of the image is either 16×16 pixels or 32×32 pixels.
    If you have a PNG format image, the link to insert is:-

    <link href=’URL of your icon file‘ rel=’shortcut icon’ type=’image/png’/>

    If it is a GIF format image, the link is:-

    <link href=’URL of your icon file‘ rel=’shortcut icon’ type=’image/gif’/>

    I’ve added some of favicon download them here.Get a preview of them below

    1 thought on “Add Favicon to your Blog”

    1. Hi Prateek, saw your comments in my blog TipsBlogger.Com

      Yes, that Redirection meta tag WILL work in all Blogger Blog Templates!

      Happy New Year..!
      Keep in Touch
      Shafar (TipsBlogger.Com)

    Leave a Reply

    Your email address will not be published. Required fields are marked *