Web Design- How to add a custom favicon to your website
This week I would like to share a web design tutorial to add a favicon to your website.
A favicon is the small icon which is shown next to a page’s title on a browser tab. Example of favicons:
First, you should have your own favicon. You can easily make one on this site.
Then get the direct link for your favicon by uploading on a photo sharing site like tinypic. The link should end in .png or .gif or .ico.
For example : http://tinypic.com/favicon.png
And find the following tag in your website source code which contains <head> code.
Then add the following line of code below the <title> tag.
<link rel=‘shortcut icon’ href='favicon.ico’ type='image/x-icon’ />
Replace 'favicon.ico’ with your own favicon link.
Save the file and preview your site in your browser. You will see the pretty favicon show in your browser.
Thank you all. Love xoxo.
#deltarune
#cats of tumblr
#photography