How to add and use Favicon in to/with Weebly for Free and Remove Footer
By Daniel5
Why pay extra for weebly pro when you can manually add a favicon and remove the weebly footer!
Weebly is a user friendly website building platform that has over 30 templates. It’s a click and drag interface that will surprise you. After designing your website and editing your template, you find that you can’t add a favicon because you need to buy weebly pro. Don’t let that get in the way!
First, design your favicon and then go to the converter here to convert it to an .ico format.
Now we go back to weebly and create a new page called favicon.top left > Multimedia > drag-and-drop File element on to page > click on File element to upload your favicon.ico. Now go back to the published website and download the favicon. Now copy the link in the address bar. Now to add the favicon, you need to paste your link in the code and it into a new html element on your site.
<link href="Your-Favicon-URL" rel="SHORTCUT ICON">
Thats it! No paste that code on every page you want your favicon to appear! To remove the weebly footer, simply log in to weebly and go to Designs > Advanced Editing > CSS. Now scroll down and look for something like this.
/* Footer */
#footer {
color: #C6DDEE;
background: #CCC url(footer.jpg) no-repeat center top;
clear: both;
width: 825px;
height: 62px;
text-align: center;
padding-top: 12px;Now right after "#footer {"
Press enter and type "visibility:hidden;"
/* Footer */
#footer {
visibility:hidden;
color: #C6DDEE;
background: #CCC url(footer.jpg) no-repeat center top;
clear: both;
width: 825px;
height: 62px;
text-align: center;
padding-top: 12px;Thats it! Now you have a favicon and no weebly footer. Note: Removing the footer doesn't work in all templates, but works in most.
- Just Been Paid
I am 200% in profit with Just Been Paid and STILL am earning!
Comments
Wow, this really works and it is perfect!
Thank you very much - now my Weebly website looks like a pro one. :)
(check it out at http://Rodrigo-Medeiros.co.cc)
Your welcome!
Thank you for this!!! :)
wow....!!really work thanks you very very much.....now my site like be upgrade to pro package.....thank you...hope the weebly wont know..hahahaha
Check my website http://muhammadsyukry.weebly.com/
Wow, nothing has ever been more useful! Thank you!
you rock............. thanks a million.... and even few more
oh yes you realy rocks............thanks brother.....
nice sharing......you are rocking.....
check my website......
Tnx man :D .... its working like a charm ... check out my site
www.vojnov.weebly.com
Hello, thanks and nice job !
But I don't understand this for the favicon :"Now to add the favicon, you need to paste your link in the code and it into a new html element on your site."
Which code are you talking about ? css ? i don't know how to add it ? can someone help, please ?
Ok, I found the solution. So for others like me:
Go to parameters' page, then in the search engine header's code block, write " "
Thanks
Grrrrrr ! Works for firefox, but not for IE9, some help ???
What is the shortcut Icon?
please answer
mateody@eb.org
thankx a lot :)
@Freed. The "new html element" is a widget you just get for every page. Once you add the widget to each page you want the favicon to appear, then just paste that code in with your favicon links. Hope that clears up your confusion.
@Mateo the "shortcut-icon" is part of what makes the favicon appear. Do not edit that. Just add your favicon url into the code and do what the instructions say!
@post above, so the shortcut.. should not be changed? it should be left at 'shortcut..?
Yes exactly. Thanks for comment me7i
I think weebly caught on to this. It shows that I have to upgrade (buy) it to drag and drop the file element onto my new page. Is there another work around that you know of. Much Thanks.
Its Work.......
Thanx To Admin Rock..........
@chris03 Still works for me. Remember it doesn't work with all templates.
It still comes up as a white square... Any suggestions?
thankuuuuu very muchh mindblowing :*
I m very thankfull to you...Yeah You rock!
Thanks a lot
I came across this topic by accident, and since I wanted to remove the footer at my free Weebly account for a long time (it's just too prominent, Weebly!) and get a favicon, I followed the steps. Thanks a million, both worked! The footer-part was very easy and quick, but I struggled a bit with the favicon. It is not necessary to add the HTML code/link for the favicon onto every page. Just paste that link that Daniel mention, with your favicon's download link, between Head (the first one you get) and Head (the one that closes off that part of your HTML, usually the second Head you see on the page) on the HTML part in your website, after you went to Designs and selected CSS/HTML on the far right of the page. By the way, to get your correct favicon link, drag 'Upload File' to a blank page that you named Favicon, then upload your .ico pic, now publish your site. Then, and this is quite important if you use Google Chrome, open your own site, get to your favicon page, and RIGHT-click on 'download file', then select 'Copy link' or something like that. Anyway, just get that link and paste in a new tab withOUT hitting go. Copy that link then, and add it to the space as mentioned by Daniel. Then you're ready to paste it at your website's HTML. I clicked next to the first Head, then hit Enter, then pasted it right there. I tested at Chrome and Firefox, and the favicon was there! Really hope Weebly don't complain about this. Weebly is simply great, but the only reason why I haven't upgraded yet is because they anyway take half of your income from Adsense! (by replacing half of the spaces you dedicated on your website to ads with ads from their own Adsense account.)
Thanks heaps. Check mine out.
Smaridge01 17 months ago
I don't use Weebly, but I think this will help me with a similar problem. Thanks a bunch!