How to Add a Favicon to your Website or WordPress Blog

Steps or Instructions on How to put a Logo or an Icon of your website on the page tab and beside the URL in address bar


1. Download a Icon Maker such as AW Icons Software (Note: You cannot make a jpeg file into ico file extension by just renaming it. ^_^ please don’t try it is waste of time). If you dont like AW Icons Software, there are tons of Icon Maker are there in the web, so use a search engine to find yours and what you are comfortable with. ^_^


2. After installation of your Icon Maker, make a icon size 16 x 16 pixel, 32 bit color, then create an icon image of your choice, and after that save is as *.ico file extension. (For example: myico.ico).
How to Add a Favicon to your Website by Jcyberinux


3. Put this to your webhost directory, (How to upload a files on the webhost using cPanel check my recent post here)

Login to webhost page using cpanel or via using FTP, then put the myico.ico (for instance), to the directory where website root is located.

(For example: if you using a WordPress, then your complete web address with domain is, you must put the myico.ico to that directory (mywp), or anywhere inside that directory if you wish. (make a subdirectory of your choice).

4. After you locate necessary path your icon, it’s time to connect it to your website page.

First, go to your main page (such as index.html) then find the head tag section. This were you going to put this line.

<link rel=”icon” type=”image/ico” href=”myico.ico“> (for an example)

or if you had a subdirectory(icons, for an example),

<link rel=”icon” type=”image/ico” href=”icons/myico.ico“>


5. If you’re using WordPress, it’s quite easy, Login to your account admin, At your Dashboard, Go to Appearance, then click to Editor,
How to Add a Favicon to your Website by Jcyberinux

click to Header(header.php). to show your header contents,
How to Add a Favicon to your Website by Jcyberinux
How to Add a Favicon to your Website by Jcyberinux

then locate the head tag section.

How to Add a Favicon to your Website by Jcyberinux
Then make this line: <link rel=”icon” type=”image/ico” href=”icons/myico.ico”>, for an example earlier.

Then click Update file afterwards, to save it. Referesh your website page to see the icon or logo beside the URL address bar.


I hope this helps you out. 🙂

by: Revengsky Joseph D. Reyes – a.k.a. rjdreyes –
Related Entries / References :
Download – AWicons Lite – Official Site
Download – AWicons – Official Site
AWicons – Official Site
AWicons Lite – An ICON Maker, Editor and Creator by Jcyberinux
How to Install AWicons Lite on Windows by Jcyberinux
How To Install WordPress using cPanel by Jcyberinux

Related Posts Plugin for WordPress, Blogger...
2 thoughts on “How to Add a Favicon to your Website or WordPress Blog”
  1. Awesome blog, it’s just like a game for me! It’s so infomative and usefull, thanks a lot! If you post more of this great stuff, I’ll visit your blog again!

  2. You can definitely see your expertise in the work you write. The arena hopes for more passionate writers like you who aren’t afraid to mention how they believe. At all times follow your heart.

Comments are closed.