How To Make And Install A Favicon For Your Blog Or Website by satrap


More Info
									   This information is brought to you by

How To Make And Install A Favicon For
Your Blog Or Website?

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 image of the latter G with
red,green, blue and yellow colors?... 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 or Also, if you
already have any kind of Image editing software like GIMP,
PhotoPlus, 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-

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.
Satrap is the founder and author of controversial blog, A blog full of great how-tos and information
about making money online. Visit blogstash today to get
your share of this valuable information and learn different
ways to make money online.

To top