now login to your weebly account
click on the "Edit" of the site,in which you want to add your favicon
click on the "Design"
click on the "Edit HTML/CSS" (on the left-bottom)
click on the + of "ASSETS"
click on the "Upload New File(s)"
now upload your favicon here
But Remember That: your favicon MUST be in size of (16 X 16) and MUST NOT be in ICON FILE(.ico),It MUST be in JPG FILE(.jpg) or PNG FILE(.png)
when you upload your favicon,it's image'll come on the right side on the current using window(page) RIGHT CLICK on that favicon,then choose "Copy Image URL"
click on the "Save" at top-right of the window,to save the favicon
open NOTEPAD,paste the URL address on it
URL will be alike:
http://www.weebly.com/editor/uploads/5/5/8/5/55850823/custom_themes/733872178654990572/files/your-favicon-name.png?52317531673
First change www.weebly.com into www.your-site.weebly.com
e.g.if your website Domain name is www.hack-weebly-8.weebly.com then change www.weebly.com into www.hack-weebly-8.weebly.com
remember that: in the place of your-favicon-name.png (in URL) it will be name of your favicon
e.g. if you named your favicon as favicon.png it'll appear as favicon.png (in URL) and if you named your favicon as favicon.jpg it'll appear as favicon.jpg (in URL)
now erase everything(symbols/numbers/alphabets) after your-favicon-name.png(in URL),if there's nothing after your-favicon-name.png(in URL) ,then leave it as it is!
After all these changes now copy the URL and paste it on Google (URL SEARCH BAR)
now search it
you'll see your favicon on the window (at top-left)
if you doesn't see any favicon,then it means that you made a mistake either during changing the URL or you didn't save the favicon on the weebly
Now again go to your Site Editor and click to the "Settings"
now choose "SEO" in settings
(now Scroll down) you'll see a box named as "Header code"
type the following code here:
<link rel="shortcut icon" href="your-favicon-URL-goes-here"/>
put the URL of your favicon(that you have searched on the Google),in the place of your-favicon-URL-goes-here (in code)
e.g. suppose that your favicon URL(that you have searched on Google) is:
http://www.hack-weebly-8.weebly.com/editor/uploads/5/5/8/5/55850823/custom_themes/733872178654990572/files/f.png
then you'll put the following code to the "Header Code" :
<link rel="shortcut icon" href="http://www.hack-weebly-8.weebly.com/editor/uploads/5/5/8/5/55850823/custom_themes/733872178654990572/files/f.png"/>
after putting the URL,click on "Save"
now again Publish your site!
but before checking that the favicon works or not,first remove all cookies
in google,it is done as follows:
open a new tab
press "Ctrl" + "H"
chrome history'll be opened,click to the "Clear Browsing Data"
then change "the past hour" to "the Beginning of time"
mark Tick to the following items:
"Cookies and other site and plugin data"
"Cached images and files"
now click on "Clear Browsing Data"
then all cookies'll be removed