Add Custom Favicon for Tumblr

Published by Tumble Guy on March 3rd, 2012 |

Another way of customizing your Tumblr is to change your favicon. Favicon, or favorite icon is the the small icon that shows up on web browsers as a way to identify your web page.

As default, tumblr uses the avatar you’ve uploaded and resizes it to a 16×16 image and make it your favicon. However, you can manually change this. It’s very easy.

How to Change your Favicon on Tumblr

First you would need an image that you want make your favicon. You can make your own using a photo editing software like photoshop or just grab one from the internet. Make sure that the size is 16×16 pixels.
Next, upload your favicon to to tumblr’s static file uploader. This will generate your favicon’s url. Save this URL
Now go to your theme’s HTML code. Find the line of text below in your theme’s HTML.
```
 <link rel="shortcut icon" href="{Favicon}" />
```
Replace {Favicon} with the image URL you saved from step 2.

Tumblr Favicon example

About the Author

Tumble Guy Tumble Guy is the chief-monster-editor and founder of Tumbtips. He writes killer tutorials for Tumblr, provides great tips for budding Tumblr superstars, and thinks you should like Tumbtips Facebook page and follow them on Tumblr.