Favicon for your Blog

I decided to have a favicon for alexawalls.

Click here to find out what a favicon is.

These are the two favicons i've made for alexawalls.

You can use these favicons for your site if you like.


To put up a favicon on your blog at blogger.com, follow the following steps -

1) First of all create a favicon or find one from the internet. Preferred sizes for favicons are 16x16 or 32x32 pixels. 16x16 is preferred as it works best with old browsers too. The favicon image file should have a .ico extension. I'm not sure if .jpg or other image extensions work for favicons or not. You can also use softwares for generating favicons. You can find such softwares by googling the term 'favicon generators'.

2) Once you have selected your favicon, then you need to get its location or URL on the internet. If you decide to pick up a favicon from the internet the copy the location of the image. If you made a favicon or your own then you need to upload it on some free hosting sites like photobucket. After uploading your .ico file you need to get its location or URL.

3) Once you have the URL of your .ico file,
go to the dashboard of your blogger account > click on Layout > Edit HTML.

4) After clicking on Edit HTML you'll have the HTML/XML code of your blog template in front of you. Locate the HEAD tag in this code, it will mostly be at the beginning of the code so you'll be able to find it without needing to scroll down the code.

5) Just below the HEAD tag, you'll find the following line -


Put this line just below the line showed above.


Replace 'URL of your icon file' with the URL of your icon file.

6) Save the changes and you've given your blog a new look with a brand new favicon!!!! [:)].


If you have further problems putting up a favicon for your blog, post a comment or mail me at alexawalls@gmail.com.

Cheers,
Alexawalls