We must admit, having our own custom favicon does add to the vanity value of our web properties.
Adding a favicon to Google Sites and Blogger is super easy. Here are the steps:
Create a favicon.ico file
First make sure you have a favicon.ico file. You can generate one for free using online favicon generators. Here is one we have used: http://favicon-generator.org
Adding favicon.ico to Blogger
In the Admin panel, go to Layout -> Favicon (Edit) to upload your favicon.ico. And your’e done.
Adding favicon.ico to Google Sites
Go to the Manage Sites screen and click Attachments -> Upload to upload your favicon.ico file. Nothing more to do here.
Now refresh your sites and you should see your favicon in the browser tab or web address area (depending on your browser).
Here’s how the favicon looks like on the Safari web browser: