#favicontutorial | Explore Tumblr posts and blogs

dreambymay · 8 years ago

Text

Web Design- How to add a custom favicon to your website

Hello Dreamers

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.

8 notes · View notes

pixtutorials-blog-blog · 11 years ago

Text

Favicon

Un favicon es esto:

Para cambiarlo ve a personalizar (customize)

~ Editar html

~ Ctrl + f y buscar "favicon"

donde dice {favicon} reemplazarlo por el url del favicon que quieras

ej: <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lu2de5CqUh1qfoi4t.gif"

Click aquí para escojer el favicon que quieras.

2 notes · View notes