Social Icons - Free Weebly Widget
- Define number of social icons, social icon class (see icon class reference to find classes for different social icons)
- Define social icon link, icon background color, icon color and icon size
- Finally you can click generate code button, to get the code ready to be used in Weebly website using Embed Code element of Weebly
Codo Social Icons widget gives user the ability to create and design social media icons without any coding skills. This widget can be used in weebly website to present social media icons leading to social media profiles in a more stylish way. You can add as many social media icons as you want.
After configuring the settings for your card, you can generate the code by clicking Generate Code button. Just copy this code and paste it in your weebly website by using the Embed Code element of Weebly.
Below is the preview of the widget
Social Icon Class Reference:
Use following classes for social media icons.
For Behance: fa-behance
For Dribble: fa-dribbble
For Facebook: fa-facebook
For Google Plus: fa-google-plus
For Instagram: fa-instagram
For Linkedin: fa-linkedin
For Pinterest: fa-pinterest
For Quora: fa-quora
For Reddit: fa-reddit
For Skype: fa-skype
For Tripadvisor: fa-tripadvisor
For Tumbler: fa-tumblr
For Twitter: fa-twitter
For Vimeo: fa-vimeo
For Whatsapp: fa-whatsapp
For Youtube: fa-youtube
If social media icons are not showing in your weebly website, then follow these instructions to fix this issue:
Inside Weebly editor, go into settings -> SEO - Header Code and paste following line of code in it.
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
Click save button and then publish your website. That's it, now you will be able to see the check icon in your live published website.
Do you have any question?