Thursday 21 February 2013

Custom Blogger Favicons

Dear Friends,

I recently (today) purchased a custom domain name for my blog which works perfectly apart from one thing: my favicon showed up at my blog address http://www.innervisionpress.blogspot.co.uk/ but didn't show up when I visit my new custom URL  http://www.innervisionpress.com .

I know it is just little thing but lots of people have been having issues with this so here is the work around.

Upload you icon image file using the Favicon Gadget in your blogger "Layout". This adds the following code to your page source which shows up in the <head> section.

<link href='http://www.innervisionpress.com/favicon.ico' rel='icon' type='image/x-icon'/>

I tried adding the code just before the </head> tag and also the code...

<link href='http://www.innervisionpress.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>

...but neither seemed to work at my custom URL. I also tried deleting my cache and refreshing the page. The only thing I could think of is that when visiting my custom URL it redirects to the .com instead of .co.uk blogspot so I added the following code just before the closing </head> tag and it worked fine. You will notice I changed the custom URL back to my blogspot URL...

<link href='http://www.innervisionpress.blogspot.co.uk/favicon.ico' rel='shortcut icon'/>
<link href='http://www.innervisionpress.blogspot.co.uk/favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<link href='http://www.innervisionpress.blogspot.co.uk/favicon.ico' rel='icon'/>
<link href='http://www.innervisionpress.blogspot.co.uk/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>


I hope this helps some of you, if you know of a better way let me know :)













 My Blessing!



No comments:

Post a Comment