Socializer is a CSS library for creating customizable social media sharing buttons and share bars easily using pre-built CSS code snippets. You can simply copy and paste the CSS code into your HTML code where you want to display the social sharing buttons.
How to integrate Socializer into your website
- Download the CSS library source code;
- Include the socializer.min file in the <head> tag:
<link rel="stylesheet" type="text/css" href="css/socializer.min.css">
- Include the fontawesome CSS file in the <head> tag:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css">
- Before the </body> tag, include the socializer.js file and the following code:
<script>
(function(){
socializer( '.socializer' );
}());
</script>
How to get the code for social media sharing buttons
- Open the index.html file, right-click on the button you want to use, select Inspect to show the HTML source code
- Copy the source code snippet and paste it into your website to display the social media sharing button.
Tags
blog
