What’s Favicon And How To Make And Install Favicon On Your Blog Or Website?

By satrap | 11:14 PM

What is “favicon” and how do you make and install a favicon on your website or blog? A favicon (short for favorite icon) which usually appears in the upper left side of your browser’s address bar, is a 16×16, 32×32 or 64×64 pixel square image(icon), also known as a website icon, shortcut icon, url icon,or bookmark icon.

A favicon is basically an image that distinguishes a website/company from others. What’s the first thing that comes to your mind when you see this image  [Google+Favicon_0109.png]?…  Google of course. You see how easy it is to advertise and embed your brand in people’s mind. That’s the power of favicon. Simply put, a favicon for your blog or website, is another way to make “you brand”(your website/blog), easily recognizable.

 

How do you make and install a favicon?
Making a favicon is very easy. It’s basically making an image that you like in mentioned(above) sizes and saving it as a “ico” file. There are many free favicon generators online, like  dynamicdrive.com or  animatedfavicon.com . Also, if you already have any kind of Image editing software like GIMP, PhotoPlus,…you can use their built in favicon generator to make a favicon. Here is a step by step instruction on how to make a favicon and install it on your wordpress blog or any kind of blog or website for that matter.

 

1.  Use your image editing software or any favicon generator to make a favicon.

2. Save your favicon as favicon.ico

3. Upload the favicon image to your ”public_html” folder, in case of word press upload it to “public_html/wp-content/themes/my-theme-name/“.

4. ( word press/blog)  Go to your word press Admin Dashboard. navigate to Design/Theme Editor/Header (header.php) , and insert this line of code <link rel=”shortcut icon” href=”<?php bloginfo(’template_directory’); ?>/favicon.ico” /> between <head> and </head> of your(header.php) file. Don’t get confused, the best place to put it is, the upper section, where your css file link is located.

4. (website)  Go to your Web Root (public_html/www) and navigate to your “index.html” file, insert this line of code <link rel=”icon” href=”favicon.ico” type=”image/x-icon”> <link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”> into the head tag of your “index.html” file.

5. Now save your updated file,  word press= (header.php) file.  website= index.html.

6. Open a new browser and type in your blog/site url. Congratulation! There is your blog’s/site’s favicon on the upper left side.

Related posts:

  1. 50 Best Free Press Release Submission Sites
  2. How to Submit a Press Release for Your Blog
  3. 61 Easy And Free Ways To Drive Massive Quality Traffic To Your Blog!
  4. What to Do After Each Blog Post to Get The Most From It
  5. 8 Easy Ways To Get More Page Views For Your Blog/Website
4 Comments so far
  1. forex  6:59 pm

    nice article thanks

  2. satrap  7:21 pm

    your welcome forex, i hope it was helpful.

  3. Polprav  7:17 pm

    Hello from Russia!
    Can I quote a post in your blog with the link to you?

  4. satrap  7:28 pm

    Sure you can polprav. its my pleasure.

Leave a Comment

If you would like to make a comment, please fill out the form below.

Name (required)

Email (required)

Website

Comments

CommentLuv Enabled