Changing your Favicon
Posted by adrengski on Wednesday, June 13th, 2012Tagged as: easy tutorials favicon
Favicons are those small icons that shows up usually beside your url on most browser and beside your page title for Chrome. It’s that small letter “t” on a blue background for Tumblr, that small “f” for facebook, and that small bird for Twitter. Usually, Favicons on Tumblr blogs defaults as a version of the blog owner’s default photo. But if you want to change it, it shouldn’t be that hard. Here’s how to do that.
To change your Favicon if you’re using a pre-made theme from the Theme Garden, just look for this part in your Custom HTML:
<link rel="shortcut icon" href="{Favicon}">
that underlined part is your favicon image. On premade themes, it’s just a small version of your DP, so if you want to change it and use a nice logo of yours, you can just replace that with whatever image you want. It supports .jpg, .gif, .png, and the usual, .ico. Note that there’s no point in using a large image for this as it may only add up to your page’s load time.
If you’re using a custom theme you made though, just add that code up right after the <head> part of your codes. Of course, replace the {Favicon} part with your icon.
Now if you can’t find that exact codes in your codes, that could only mean that it was already changed. You can just search for these parts instead:
<link rel="shortcut icon"
Yep, just that. It always starts that way anyway so the following parts of that would be the url of the {Favicon} part. Change it to anything you want then.
