Posts mit dem Label Base64 werden angezeigt. Alle Posts anzeigen
Posts mit dem Label Base64 werden angezeigt. Alle Posts anzeigen

Freitag, 25. März 2011

How to add a custom Icon to your blog

Not exactly a tip for Ubuntu users only, but this one might be useful for you!

I think the standard blogger / blogspot favicon is quiet ugly.
Even if you don't think it's ugly, you have to agree to the fact that one icon can not fit hundreds of thousands of different blogs. All with different themes and designs etc.

In order to change your favicon you will have to upload it to some imagehost and link it in your html code, because blogger does not give you any webspace or the ability to easily integrate your own icon. The problem is: most imagehosts don't accept the *.ico format.
Even if you found an imagehost that accepts icons you would encounter another problem. The image can easily be deleted by the hoster due to high traffic or whatever.

So here's my bulletproof way to embed your own favicon into your blog:

1.  Create or download an icon you like. (You can use The Gimp to save any image as an icon)


1.Upload it to this base 64 encoder.

2.Copy the base64 encoded output.

3.Paste it into this little code snippet:
<link href='data:image/x-icon;base64,[YOUR BASE64 ENCODED STRING]' rel='shortcut icon' type='image/x-icon' />

4.Go to Blogger Dashboard > Design > Edit HTML Find this piece of code
</head>

5.paste the whole snippet right in front of it.


6.That's it, enjoy your new custom favicon!