How to change blogger favIcon

Already know favicon ? maybe most of you know this thing, if not Favicon is a small icon that appears in the left corner of the address bar and tab-left corner. By default blogger / blogspot base show with symbol B with orange background. Then, how to change it, with your own favicon?

First you must have a picture/logo to be use as a favicon. For those of you who master the graphics software, you can create a logo with Adobe Photoshop, Illustrator, CorelDraw, or any graphics software that you control, Then export to gif, png or jpg. But, if not, you can make favicon from your own picture then upload it to http://www.html-kit.com/favicon/.

Upload your picture or logo.

 Download it to your computer.

Then Extract the .zip file, and upload it to free hosting service like Google Pages or Photobucket. Keep the link of your file after you upload.

Now, goto your blogger Dashboard, Choose Layout - Edit HTML

Then Seacrh this line code :

1	<b:include data="blog" name="all-head-content"/>

Paste this code after that line code :

1	<link href='http://akhmaddharma.com/images/favicon.ico' rel='shortcut icon'/>

Now change the URL address of favicon in the URL where you save the favicon file in the file hosting (href=' '). Note, watch the highlight section is an example URL that has changed.


Save Template. Done. See the result the address of this blog, my favicon has changed.


 If the favicon not appear, refresh the browser.