Ever wanted a cool looking Icon in front of your Blogger URL but can't because Google Blocks it? Well heres a workaround.
First we need an Icon editor. I recomend getting IcoFx because its free and easy to use. Lets get started Download the Icon Editor and Install.
Select 'File' in upper left hand of screen and sellect 'New' a window will popup tick the following options:
Colors>True Color + Alpha Channel (32 bits)- this denotes the color and bit depth
Size>32x32- this denotes the icons size in pixels, I choose 32x32px so I can add a bit more detail this can be set at 16x16 if you like.
Hit 'Ok' to continue
To the right are your tools you can use to draw, they are pretty much self explainitory so I won't get into that for now.
Now we need somewhere to host the '.ico' file we created and be able to hotlink to our blog I have found that http://www.picpanda.com is an excelent source for this
A)Select 'Choose File' and browse to where you saved favicon.ico
B)Select 'Upload' to upload the file to Picpanda
This may seem a little tricky but is really simple once you understand, the code we just copied is not exactualy what we want we need to extract just a snipit of it.
Now copy this code: <link href='xxx' rel='shortcut icon' type='image/x-icon'/>
Replace 'xxx' whith the web address you just copied, it should now look similar to this.
Next go to your blog and choose 'Design'>'Edit HTML' and look for a snippit of code that should look like this <title><data:blog.pageTitle/></title> and past in the Code that you copied to notepad after.
Hit 'Save Template' & then preview. That should be it. Enjoy having your own customized Favicon!
|Custom Favicon Displayed in FireFox|
If you followed my instructions step by step carefully you should now have a custom Favicon showing before your url like mine in the picture to the left. Be sure to check back often as more content is added daily. Good luck and happy Blogging.