How to Add Favicon to Your Weebly Site
You can add favicon to your weebly site whether you have a pro account or a free account. Adding favicon to a pro account is very straight forward. In Settings –>General Settings, there is a field specifically for favion.
Click upload to upload any image or logo you would like to use as favicon. Weebly will convert it to the right size (16×16) for you. That is it for pro.
For a free weebly account, adding a favicon is done by manually uploading the file through Edit HTML/CSS. Here is how we did for the free weebly site http://kanatahomes.weebly.com. Before that you have to convert your image or logo to 16×16 size that can be used as favicon image. Go to convertico.com which can do this for you for free. Save the file as png or jpg. Do not save it as ico. Upload this file through Design –> Edit HTML/CSS –> Files.
Upload the file and select the uploaded file as shown above. For KanataHomes, our favicon file is KanataHomesLogo16x16.png. The link to our 16×16 image in case of KanataHomes is “http://kanatahomes.weebly.com/files/theme/KanataHomesLogo16x16.png”. The same image can also be referenced through weebly.com/uploads/……..etc.
Now “Save & Exit” the Upload files section. Go to ‘Settings’ and ‘Search Engine Optimization’ portion.
In the Header Code, add
<link rel="shortcut icon" href="your-16x16-image-link-goes-here"/>