Tuesday, August 9, 2011

Craeat animated favicon and add it in your blogger

Favicon is a logo of your company which is appear at the address bar of any explorer but the favicon can be created as an image through many favicon generated website, here just follow me how to creat an favicon image with the animated text.

1. Click on favicon

2.A Website will open

Follow the step and add your jpg file and give your text as per your choice than click on Generate Favicon like....

Right click at the animated image Save Image as and give the location.

Now upload your favicon image like Imageshack.us so that you can give the URL Link for your blogger.

Add Your Favicon To Blogger Now ?

1 Login To Blogger > Design > Edit HTML

2 Search For <b:skin> and just above it paste the code below, 

<link href='ADD YOUR FAVICON LINK HERE' rel='icon' type='image/gif'/>

Replace ADD YOUR FAVICON LINK HERE with the image URL of the favicon which you have saved in Imageshack.us.

Save your template

 Thank You


Wednesday, February 16, 2011

How to add or Change Favicon in Blogger Blog?

Favicon is a small icon shown next to site URL in the address bar. In Blogger, by default orange colored blogger icon is shown as favicon. You can make your blog stand out by using your own customized icon. Before you implement the code, you can grab or make your own favicons: Make FaviconsBrowse Favicons

 To get started, first you need to backup your Blogger template: Click on‘Layout’ > ‘Edit HTML’ and then click on ‘download full template’ to save it on your computer. Now perform following steps to a change favicon in your Blogger blog: 

1. Click on ‘Layout’ > ‘Edit HTML’
2. Then add following code after<head>

   <link href=’http://www.URL.com/favicon.ico’ rel=’shortcut icon’/>

    <link href=’http://www.URL.com/favicon.ico’ rel=’icon’/>

Above http://www.URL.com is the web address or location where your favicon is stored (hosted). You can upload favicon to Googlepages (now Closed) or on any free image hosting websites that support favicons upload.

‘favicon.ico’ is the name of your favicon file. You can use any name like myfavicon.ico and so on. After adding above code, update the http://www.URL.com and favicon.ico in the code.
Then click on save template button. Open your blog and your new favicon should be visible in the address bar!