RGV
  • About
  • Blog
  • Projects
  • Connect
  • About
  • Blog
  • Projects
  • Connect

How to add a FAVICON on a free weebly website

8/9/2014

Comments

 
Picture
Today, I got really curious if there is a way that I can have a favicon for my free weebly website. Lo and behold, there is! Given, I pay for my domain name through Godaddy annually for less than $20.00. As much as possible I want everything else absolutely free. I am a cheapskate like that!
Here is the step by step (and I mean one of the most accurate that you'll ever find) instruction on setting up a favicon on your free weebly website:

1. Create your favicon. Size: 32x32 pixels, 100 pixels / inch. Save it as .PNG
2. Go to www.convertico.com upload the PNG favicon you created and convert it to .ICO 
3. Go to your weebly website (EDIT mode).
4. Create a new page (that you will later hide). I named this page Favicon.
5. Drag-and-drop FILE.
6. Upload the .ICO format of your favicon.
7. Publish your website.
8. Go to the new page you created. In my case, the Favicon page.
9. Now you can see the FILE you uploaded. Click DOWNLOAD.
10. Grab the URL link of the file.  It will look something like this: 
http://YOUR WEBSITE URL ADDRESS/uploads/1/4/4/9/1478965/YOUR FAVICON NAME.ico
or
"http://www.examplewebsite.com/uploads/1/4/4/9/1478965/examplefavicon.ico"

11. Edit this code: <link rel="shortcut icon" href="URL OF YOUR FAVICON"/>
or
 <link rel="shortcut icon"http://www.examplewebsite.com/uploads/1/4/4/9/1478965/examplefavicon.ico"/>

This is a very important  step.

12. Now that your code is ready, go to SETTINGS, embed the code to HEADER CODE and FOOTER CODE.

13. Go to every page (active and visible) that you have on your website. Click ADVANCED SETTINGS, and embed the code to the HEADER and FOOTER CODE. 

14. You can now hide (don't delete) the page you created (I named this page, Favicon) where you uploaded your favicon in .ICO format.

15. Publish your website!

You now have a favicon using your free weebly website!


If you have any questions on how to set this up, feel free to MESSAGE ME. I may upload a How-to video soon as well.

Comments
comments powered by Disqus

    Categories

    All
    Business
    DEI
    Expressive Arts In Psychology
    Filipino Psychology
    Human Performance
    Indigenous Filipino
    Literature Review
    Mindfulness
    Personal
    Psychology
    Technology

    RSS Feed

    This section will not be visible in live published website. Below are your current settings:


    Current Number Of Columns are = 2

    Expand Posts Area =

    Gap/Space Between Posts = 10px

    Blog Post Style = card

    Use of custom card colors instead of default colors =

    Blog Post Card Background Color = current color

    Blog Post Card Shadow Color = current color

    Blog Post Card Border Color = current color

    Publish the website and visit your blog page to see the results

Photo used under Creative Commons from quariesofficial
© 2022 Roma G. Velasco LLC | Connect | About | Blog | Photos