how to add a favicon in wordpress blog
What is Favicon ??? : A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16 pixel square icon associated with a particular website or webpage. A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Read more at wikipedia
How to Add a Favicon in Wordpress Blog
You may have been seeing in lots of websites that they are using favicon. In wordpress, yahoo, msn and others too. Ok lets start the process for making favicon :
- Select any image/pic or design your image/pic in any image editor
- save it on 16×16 px or if you cant do this then go to www.favicon.cc use any image and get favicon.ico file instantly
how to add a favicon in wordpress blog
- Now the favicon has been created, upload the favicon.ico file in your wordpress root directory
how to add favicon in wordpress blog
“public_html” (using any ftp tool , or or u can manually download the header.php file from your wordpress site theme folder and edit & insert the code)
- After uploading the favicon.ico file go to www.sitename.com\wp-content\themes\yourtheme
- Open header.php file and insert “<link rel=”shortcut icon” href=”favicon.ico” >” code . Please see the below snapshot for more information.
insert the line of code
Or you can see below image which shows how to add the code inside header.php using ftp tool
insert the code in header.php file inside the theme folder using ftp tool
- save the file
- go to your site and press ctrl+f5 or www.sitename.com?
- You will find favicon in your site.
For Other Website : How to add favicon in webpage ?
The process of adding a favicon image to any website is very simple. You have to make a favicon.ico file using any image editor or u can also make from websites which helps you to make favicon from image. (Im describing in local site – you can do it on hosted site)
You can use these sites to make favicon from your pic/images
http://www.chami.com/html-kit/services/favicon/
http://favicon.cc
See the example of favicon in wikipedia page :
example of favicon image on wikipedia page
- Make any favicon
- keep the favicon.ico in root directory
- open your index.html or any file where you want to show favicon
- keep the code “<link rel=”shortcut icon” href=”favicon.ico” >” inside <head></head>
insert-code-in-index-file or any file you need
- Go to the site and refresh , you will find the new favicon for your website.
Un info pratique qui pourra certainement etre utile, merci.