Monday, September 26, 2016

How to put icon on the tab of your website

Let's keep it short!

This icon is called FAVICON. Here are the steps to put an icon or image of your website that will appear on the tab of the browser, just before the website title:

1. Create an image sized 16x16 and save it as png.
2. Put this code snippet on the <head> part of your website.
<link rel="icon" type="image/png" href="favicon.png">
Note: Make sure that the image name and location in your href is correct.

Example of implementation is:
<head>
<link rel="icon" type="image/png" href="favicon-juanreview.png">
</head>

I implemented this in my website JuanReview (www.juanreview.com)!

1 comment: