Hello.
Would you like to put social sharing buttons on your wapkiz and wapaxo website? Here you have the solution, go to the tutorial.
The da-share jQuery plugin makes it simple to generate pretty nice social share buttons & links on your web applications. The plugin uses Bootstrap 4.1, Font-awesome 4.7 and Jquery 3.3.2.
How to use it:
1. First let's include the style and icon links (bootstrap and font-awesome), if your site uses Bootstrap and font-awesome you don't need to include them.
Bootstrap
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
Font-awesome
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
2. Next, we will include jquery at the end of the page, in the footer. If your website/blog uses jquery above version 3.3.1, you do not need to include it.
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" crossorigin="anonymous"></script>
3. Still in the footer, we will include the plugin link, after the jquery link.
<script type="text/javascript" src="https://www.jqueryscript.net/demo/social-buttons-da-share/jquery.da-share.js?v2"></script>
4. Next, we will include the DIV tag with the mandatory class da-share-html and others da-fb, da-tw", da-pi etc. to generate the plugin.
<div class="da-share-html da-fb da-vk da-tw da-pi da-ok da-gp"></div>
See the result.
<script type="text/javascript" src="https://www.jqueryscript.net/demo/social-buttons-da-share/jquery.da-share.js?v2"></script>
Optionally you can add or remove some social networks by adding or removing classes, see the list below.
- da-share-html: Required
- da-fb: Facebook
- da-vk: VK
- da-tw: Twitter
- da-ok: OK.Ru
- da-gp: Google Plus
- da-pi: Pinterest
0 Comments
Leave a Reply