How to put FavIcon Before the URL / Address

For any site owners, it’s nice to have FavIcon set up to catch vistors’ attentions.

So this is how you get that little icon before your web address:

Find yourself a picture that’s equal in height/width (equal in ratio)
With that image, make a FavIcon here
Look for the 16 x 16 icon, but 32 x 32 should work as well.
Put the .ico file in your main folder of your website. (It should be same as where you put your Index file)
You’ll need to put this code in your <head> tags.

<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”>

Replace the “favicon.ico” according to your own icon name

Refresh (F5), you’re all done!

Tips: <head> tags would usually belong to index file, but for Wordpress users, they’re usually in the “header.php” of the theme.

No comments yet.

Featured