Skip to main content

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 16x16 pixels or 32x32 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

    Comments

    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)

      ReplyDelete

    Post a Comment

    Popular posts from this blog

    Fulfilling The Urge of Shopping is Now Easy

    Shopaholics on the alert! Get set, and go! Yes, it has indeed turned into a race – a race of online shopping. It may be an occasion embraced shopping carnival or a clearance sale or simply just a season ending mega sale. On its way is another such colossal online shopping fest knownas the Great Online Shopping Festival or simply GOSF which is to take place from the 10th to the 12th of December 2014.   What does GOSF do? The GOSF is an initiative by Google and was launched on the 12th of December, 2012. Ever since then, it has been a favorite among its users. The GOSF offers are not only limited to those particular days of December but numerous trifle coupons, reminders as well as updates are also sent to your registered email ids all through the year. Along with these, there are funny little games on the GOSF site that provide you with innumerable opportunities to win yourself free gift coupons or free shopping facilities just by scoring points in the game.   Worried about the products...

    PowerMockup- Helps you sketch mockups in Powerpoint

    Most of us use Microsoft Power point to give presentations to our clients… Here is the solution to your wireframing, mockup, sketching needs in Power Point, its PowerMockup… Main features includes- 63 fully editable user interface elements Easy access via a separate ribbon tab Compatible with PowerPoint 2007 and 2010 Microsoft Power Point Window The best part of it which I liked is.., that you can create fully editable mock-ups. So, there is no need to install any other additional software to present in Power point, just use Powermockup and you are done. You can get this amazing piece of add-on just for free, till wednesday(6 April 2011)… So.., hurry up, don’t loose chance. Check out the main product website for more details.. PowerMockup

    Add a countdown to your page using jQuery Responsive Countdown

    If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here . Table of Contents Brief Description Step 1 (Download, Unzip) Step 2 (Set options) Step 3 (Import required files) Step 4 (Create HTML container) Step 5 (Create and activate countdown) Resources Brief Description - top jQuery Responsive Countdown is a tool that gives you the ability to create a nice looking countdown, which uses flipping animation to display remaining time to a target date. Since it is based on the canvas object it cannot run natively in older browsers like IE8. The tool uses SVG data to draw the digits and the panels, so it is scalable and looks nice on larger resolutions too. It does not use images, so it is very easy to change colors and adapt the look of it to the design of your page. The tool has a large list of options, but it can also be activated with few lines of code. In this tutorial I will show you how to add the ...