Each blogs on Blogger comes with the same exact default favicon. Let's change it to an own, unique favicon.
Create or download an icon.
If you have some design skill, you can create a favicon with these softwares.Free/Open Source:
Inkscape (no ico format, need to convert it)
Gimp (save it simple to .ico format)
Paid:
Photoshop (ico plugin)
Illustrator (save it simple to .ico format)
Free/web based:
Online converters (gif, png, jpg to ico)
http://tools.dynamicdrive.com/favicon/
If you don't want to design a favicon to yourself, you can download free icons from here:
Upload your favicon to a server
Now, you own an unique favicon, upload it to a server.
There are lots of free file hosting provider, but I don't want to suggest you any provider, because I have an own server and I store my favicon(s) on my server. Choose a provider for yourself.
Link your favicon to your blog
Okay, now your favicon is up on a server, link your favicon to your blog. Since the official Blogger favicon must be inserted to the blog, you have to insert your own favicon code after the Blogger (favicon) code, so your code entry will overwrite their code and your favicon will be loaded instead of theirs.
Login to Blogger and go to Layout>Edit HTML.
Find the following line:
<b:include data='blog' name='all-head-content'/>
after the above line insert your own code :
<link href='http://yourserver.com/yourfavicon.ico' rel='shortcut icon'
type='image/x-icon'/>
Save your template.
Now reload - or clear your browser cache- your Blogger page.
Your favicon should now show up in your tab/search bar.
Look at my favicon on my blog.
