How to Add Favicon to Free Weebly Site?
Favicon (short form of favorites icon) is a logo shown in the address bar of the web browser besides the URL or shown on the corner of the browser’s tab. This is a Pro feature in Weebly and follow the below steps to easily add favicon to free Weebly site without upgrading to Pro account.
There are two ways to add Favicon to free Weebly site:
Using .ico File
Step1: Get Your Favicon Ready
You need to have a logo image before adding favicon to your site. Your logo can be in any standard image format like JPEG and PNG. Once your logo is ready then you can use any of the free favicon generators available in the web to convert it into a .ico file.
One such a favicon generator is “freefavicon.com”. Go to the site and select your image to convert it into a .ico file. You can also create an animated version by adding a scrolling text to the favicon. Once you are satisfied with your favicon preview, download the “favicon.ico” file.
Step2: Upload Favicon to Your Weebly Site
After you have your .ico file, go to your Weebly account and edit the site you want to add a favicon. Select “Edit HTML/CSS” under “Design” tab in Weebly editor.
Click on the “+” icon next to “Assets”, select “Upload File(s)” option from the dropdown and upload your favicon.ico file.
You can see your file name is listed under “Assets” after you uploaded it.
Save your changes and you need to provide a theme name for saving. The default link of an image file in Weebly is as below:
http://<Your Site Name>.weebly.com/files/theme/<Image Name>.ico
Replace “Your Site Name” and “Image Name” with the URL of your site and your favicon file name.
Step3: Linking Your Favicon
Go to “Settings > Search engine optimization > Header code” and paste the following code:
<link rel="shortcut icon" href="Your Favicon Link"/>
Replace “Your Favicon Link” with the URL of your favicon.
Save your settings and publish your site.
Step4: Test it on Various Browsers
The final step is to test your favicon on your own by opening your site in various web browsers like Firefox, Chrome and IE. Check the clarity and look in various browsers and adjust your favicon if required.
Using .png File
If you are not able to create .ico file or not interested in modifying theme then follow the below instructions: