Added telegram and whatsapp buttons

ozdemirburak · Feb 6, 2017 · 78fa79f · 78fa79f
1 parent 86276bc
commit 78fa79f
Show file tree

Hide file tree

Showing 9 changed files with 295 additions and 262 deletions.
diff --git a/README.md b/README.md
@@ -3,7 +3,10 @@ jQuery Floating Social Share
 
 [![npm][npm-image]][npm-url] [![downloads][downloads-image]][npm-url]
 
-Simple jQuery floating social media sharer plugin works with Font-Awesome. Currently supported platforms are Facebook, Twitter, Linkedin, Pinterest, Google Plus, Reddit, Tumblr, VK and Odnoklassniki with counter feature, StumbleUpon and Email without counter feature.
+Simple jQuery floating social media sharer plugin works with Font-Awesome. 
+Currently supported platforms are Facebook, Twitter, Linkedin, Pinterest, Google Plus, 
+Reddit, Tumblr, VK and Odnoklassniki with counter feature, Email, StumbleUpon, Telegram, and Whatsapp 
+without counter feature.
 
 ## Getting Started
 
@@ -72,10 +75,18 @@ $("body").floatingSocialShare({
 	place: "top-left", // alternatively content-left, content-right, top-right
     counter: true, // set to false for hiding the counters of buttons
     twitter_counter: false, // Twitter API does not provide counters without API key, register to https://opensharecount.com/
-    buttons: ["envelope", "facebook", "google-plus", "linkedin", "odnoklassniki", "pinterest", "reddit", "stumbleupon", "tumblr", "twitter", "vk"], // all of the currently avalaible social buttons
+    buttons: [ // all of the currently available social buttons
+      "envelope", "facebook", "google-plus", "linkedin", "odnoklassniki", 
+      "pinterest", "reddit", "stumbleupon", "telegram", "tumblr", "twitter", 
+      "vk", "whatsapp"
+    ],
     title: document.title, // your title, default is current page's title
     url: window.location.href,  // your url, default is current page's url
-    text: {'default': 'share with ', 'facebook': 'share with facebook', 'google-plus': 'share with g+'}, // the title of tags
+    text: { // the title of tags
+	    'default': 'share with ', 
+	    'facebook': 'share with facebook', 
+	    'google-plus': 'share with g+'
+	  },
     text_title_case: false, // if set true, then will convert share texts to title case like Share With G+
     description: $('meta[name="description"]').attr("content"), // your description, default is current page's description
     media: $('meta[property="og:image"]').attr("content"), // pinterest media

diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "jquery-floating-social-share",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "homepage": "http://github.com/ozdemirburak/jquery-floating-social-share",
   "authors": [
     "Burak Ozdemir <https://github.com/ozdemirburak>"

diff --git a/demo/content.html b/demo/content.html
@@ -5,7 +5,7 @@
     <meta property="og:description" name="description" content="Floating Social Share Buttons">
     <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/d/d6/Hs-2009-25-e-full_jpg.jpg">
     <title>jQuery Floating Social Share</title>
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" type="text/css" href="../src/jquery.floating-social-share.css" />
 </head>
 <body>
@@ -19,14 +19,17 @@
 <script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
 <script type="text/javascript" src="../src/jquery.floating-social-share.js"></script>
 <script>
-    $(".content").floatingSocialShare({
-        buttons: ["facebook", "google-plus", "linkedin", "pinterest", "reddit", "stumbleupon", "tumblr", "twitter", "vk"],
-        text: {'default': 'share with: ', 'facebook': 'share with facebook', 'google-plus': 'share with g+'},
-        text_title_case: true,
-        place: "content-left",
-        url: "http://google.com",
-        twitter_counter: true
-    });
+  $(".content").floatingSocialShare({
+    buttons: [
+      "facebook", "google-plus", "linkedin", "pinterest", "reddit",
+      "stumbleupon", "telegram", "tumblr", "twitter", "vk", "whatsapp"
+    ],
+    text: {'default': 'share with: ', 'facebook': 'share with facebook', 'google-plus': 'share with g+'},
+    text_title_case: true,
+    place: "content-left",
+    url: "http://google.com",
+    twitter_counter: true
+  });
 </script>
 </body>
 </html>
diff --git a/demo/index.html b/demo/index.html
@@ -5,7 +5,7 @@
     <meta property="og:description" name="description" content="Floating Social Share Buttons">
     <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/d/d6/Hs-2009-25-e-full_jpg.jpg">
     <title>jQuery Floating Social Share</title>
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" type="text/css" href="../dist/jquery.floating-social-share.min.css" />
 </head>
 <body>
@@ -19,12 +19,15 @@
 <script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
 <script type="text/javascript" src="../dist/jquery.floating-social-share.min.js"></script>
 <script>
-    $("body").floatingSocialShare({
-        buttons: ["facebook", "google-plus", "linkedin", "pinterest", "reddit", "stumbleupon", "tumblr", "twitter", "vk"],
-        twitter_counter: true,
-        text: "share with: ",
-        url: "http://google.com"
-    });
+  $("body").floatingSocialShare({
+    buttons: [
+      "facebook", "google-plus", "linkedin", "pinterest", "reddit",
+      "stumbleupon", "telegram", "tumblr", "twitter", "vk", "whatsapp"
+    ],
+    twitter_counter: true,
+    text: "share with: ",
+    url: "http://google.com"
+  });
 </script>
 </body>
 </html>
diff --git a/dist/jquery.floating-social-share.min.css b/dist/jquery.floating-social-share.min.css