WordPress Floating Sharing Bar With Animation





9
comments





PLEASE NOTE:



We have Zero Tolerance to Spam.

Chessy Comments and Comments with
'Links'
will be deleted immediately upon our review.



(function() {
var items = ['id': '8422236786891242324', 'body': 'AoA...x3cbr /x3eOhh Thank you so much Mustafa Bhai for sharing this amazing Plugin x3d)x3cbr /x3eLove you Bhai x3d) x3cbr /x3e ', 'timestamp': '1459444133589', 'permalink': 'https://www.mybloggertricks.com/2016/03/WordPress-Floating-Sharing-Bar.html?showCommentx3d1459444133589#c8422236786891242324', 'author': 'name': 'Muhammad Abid', 'avatarUrl': '//lh6.googleusercontent.com/-ibHUaiBLBqE/AAAAAAAAAAI/AAAAAAAABOo/Id0shQ6OVhY/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/07325548755937540366', 'displayTime': 'Mar 31, 2016, 10:08:00 PM', 'deleteclass': 'item-control blog-admin pid-1055247077', 'id': '6201294283699437355', 'body': 'My personal reqst brother better develop a wordpress plugin :-) for jumbo share buttons.', 'timestamp': '1459775083677', 'permalink': 'https://www.mybloggertricks.com/2016/03/WordPress-Floating-Sharing-Bar.html?showCommentx3d1459775083677#c6201294283699437355', 'author': 'name': 'Santhosh veer', 'avatarUrl': '//lh6.googleusercontent.com/-VuzTVdOF4FI/AAAAAAAAAAI/AAAAAAAAEEc/WjT1pt2P5k8/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/01367260203175133532', 'displayTime': 'Apr 4, 2016, 6:04:00 PM', 'deleteclass': 'item-control blog-admin pid-2122798075', 'id': '5033469088285401553', 'body': 'x3cbx3eJumbo Share Countersx3c/bx3e great sharing bar with all necessary options. Thanks for sharing. I have a question, you are using x26quot;h2 tagsx26quot; in your post and x26quot;h3 tagsx26quot; are missing, Is this the right approach ?', 'timestamp': '1459827335024', 'permalink': 'https://www.mybloggertricks.com/2016/03/WordPress-Floating-Sharing-Bar.html?showCommentx3d1459827335024#c5033469088285401553', 'author': 'name': 'Brijesh Patel', 'avatarUrl': '//lh5.googleusercontent.com/-_eFIXIKgxXA/AAAAAAAAAAI/AAAAAAAAALU/MhtyLZI0Cas/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/04777204184585094946', 'displayTime': 'Apr 5, 2016, 8:35:00 AM', 'deleteclass': 'item-control blog-admin pid-1379396781', 'id': '5883918676995072413', 'parentId': '8422236786891242324', 'body': 'W.salamx3cbr /x3ex3cbr /x3eYou are most welcomed Abid :)', 'timestamp': '1460668403283', 'permalink': 'https://www.mybloggertricks.com/2016/03/WordPress-Floating-Sharing-Bar.html?showCommentx3d1460668403283#c5883918676995072413', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Apr 15, 2016, 2:13:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '2232432031967983377', 'parentId': '6201294283699437355', 'body': 'I respect your request buddy. I honestly believe in learning things from scratch. I could have built an executable plugin for WP which users could use to install the plugin through simple Upload/Install process but such method does not involve learning.x3cbr /x3ex3cbr /x3eSince my tutorials are mostly for developers and for bloggers who wish to polish their coding skills, I make sure I keep the source code open to public. x3cbr /x3ex3cbr /x3eDo try installing it manually, you will learn many things along the way. This is how I learnt web development :) ', 'timestamp': '1460668620365', 'permalink': 'https://www.mybloggertricks.com/2016/03/WordPress-Floating-Sharing-Bar.html?showCommentx3d1460668620365#c2232432031967983377', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Apr 15, 2016, 2:17:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '623473885373449861', 'parentId': '5033469088285401553', 'body': 'Using H2 is better for sub-headlines. I have explained this in the following post:x3cbr /x3ex3cbr /x3ex3cbx3eREAD:x3c/bx3e x3ca hrefx3dx22http://www.mybloggertricks.com/2015/06/Optimize-Headline-H1-H2-Tags-In-Blogger.htmlx22 relx3dx22nofollowx22x3eOverused H2 and missing H1 Tagsx3c/ax3e', 'timestamp': '1460668812063', 'permalink': 'https://www.mybloggertricks.com/2016/03/WordPress-Floating-Sharing-Bar.html?showCommentx3d1460668812063#c623473885373449861', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Apr 15, 2016, 2:20:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '8025268724930353440', 'body': 'great sharing bar with all necessary options', 'timestamp': '1460734198042', 'permalink': 'https://www.mybloggertricks.com/2016/03/WordPress-Floating-Sharing-Bar.html?showCommentx3d1460734198042#c8025268724930353440', 'author': 'name': 'abdul ghofir', 'avatarUrl': '//lh3.googleusercontent.com/-GCx1wbNOBwM/AAAAAAAAAAI/AAAAAAAAADM/_6QPOZvw6ws/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11349624164524234992', 'displayTime': 'Apr 15, 2016, 8:29:00 PM', 'deleteclass': 'item-control blog-admin pid-332947282', 'id': '9171300222351663687', 'body': 'This Plugin is really great and nice looking....And thanks for your kindness to keep the code as open source...You are really great....Thumbs Up for You Sir! ', 'timestamp': '1460922154554', 'permalink': 'https://www.mybloggertricks.com/2016/03/WordPress-Floating-Sharing-Bar.html?showCommentx3d1460922154554#c9171300222351663687', 'author': 'name': 'Hamas Ahmad', 'avatarUrl': '//lh6.googleusercontent.com/-kfU26vCeUZM/AAAAAAAAAAI/AAAAAAAAAWE/JLBhgNDktAU/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/14471672895441159700', 'displayTime': 'Apr 18, 2016, 12:42:00 AM', 'deleteclass': 'item-control blog-admin pid-1529403637', 'id': '536134310424858973', 'body': 'Excelleny bro .... You mustSurely Build Plugin . Bcos It would help many ppl who fear to alter codes in wordpress .... ! nice plugin !', 'timestamp': '1465196792962', 'permalink': 'https://www.mybloggertricks.com/2016/03/WordPress-Floating-Sharing-Bar.html?showCommentx3d1465196792962#c536134310424858973', 'author': 'name': 'G Srinivas', 'avatarUrl': '//lh4.googleusercontent.com/-jmLpV1TV8y8/AAAAAAAAAAI/AAAAAAAAA8g/EDDOR5RcgxE/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/08997033453937831549', 'displayTime': 'Jun 6, 2016, 12:06:00 PM', 'deleteclass': 'item-control blog-admin pid-300674297'];
var msgs = 'loadMore': 'Load more...', 'loading': 'Loading...', 'loaded': 'No more!', 'addComment': 'Add comment', 'reply': 'Reply', 'delete': 'Delete';
var config = 'blogId': '8193278726666811965', 'postId': '2069161432742150449', 'feed': 'https://www.mybloggertricks.com/feeds/2069161432742150449/comments/default', 'authorName': 'M. Mustafa Ahmedzai', 'authorUrl': 'https://www.blogger.com/profile/11681339458447132019', 'baseUri': 'https://www.blogger.com', 'maxThreadDepth': 2;
// 0)
cursor = parseInt(items[items.length - 1].timestamp) + 1;

var bodyFromEntry = function(entry)
if (entry.gd$extendedProperty)
for (var k in entry.gd$extendedProperty)
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved')
return '' + entry.content.$t + '';



return entry.content.$t;

var parse = function(data)
cursor = null;
var comments = ;
if (data && data.feed && data.feed.entry)
for (var i = 0, entry; entry = data.feed.entry[i]; i++)
var comment = ;
// comment ID, parsed out of the original id format
var id = /blog-(d+).post-(d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array)
var auth = entry.author[0];
if (auth)
comment.author =
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
;


if (entry.link)
if (entry.link[2])
comment.link = comment.permalink = entry.link[2].href;

if (entry.link[3])
var pid = /.*comments/default/(d+)?.*/.exec(entry.link[3].href);
if (pid && pid[1])
comment.parentId = pid[1];



comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty)
for (var k in entry.gd$extendedProperty)
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass')
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime')
comment.displayTime = entry.gd$extendedProperty[k].value;



comments.push(comment);


return comments;
;
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor)
url += '&published-min=' + new Date(cursor).toISOString();

window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length






  1. Muhammad AbidMar 31, 2016, 10:08:00 PM

    AoA...
    Ohh Thank you so much Mustafa Bhai for sharing this amazing Plugin =)
    Love you Bhai =)


    ReplyDelete


    Replies




    1. Mohammad Mustafa AhmedzaiApr 15, 2016, 2:13:00 AM

      W.salam

      You are most welcomed Abid :)


      Delete




    2. Reply









  2. Santhosh veerApr 4, 2016, 6:04:00 PM

    My personal reqst brother better develop a wordpress plugin :-) for jumbo share buttons.


    ReplyDelete


    Replies




    1. Mohammad Mustafa AhmedzaiApr 15, 2016, 2:17:00 AM

      I respect your request buddy. I honestly believe in learning things from scratch. I could have built an executable plugin for WP which users could use to install the plugin through simple Upload/Install process but such method does not involve learning.

      Since my tutorials are mostly for developers and for bloggers who wish to polish their coding skills, I make sure I keep the source code open to public.

      Do try installing it manually, you will learn many things along the way. This is how I learnt web development :)


      Delete




    2. Reply









  3. Brijesh PatelApr 5, 2016, 8:35:00 AM

    Jumbo Share Counters great sharing bar with all necessary options. Thanks for sharing. I have a question, you are using "h2 tags" in your post and "h3 tags" are missing, Is this the right approach ?


    ReplyDelete


    Replies




    1. Mohammad Mustafa AhmedzaiApr 15, 2016, 2:20:00 AM

      Using H2 is better for sub-headlines. I have explained this in the following post:

      READ: Overused H2 and missing H1 Tags


      Delete




    2. Reply









  4. abdul ghofirApr 15, 2016, 8:29:00 PM

    great sharing bar with all necessary options


    ReplyDelete








  5. Hamas AhmadApr 18, 2016, 12:42:00 AM

    This Plugin is really great and nice looking....And thanks for your kindness to keep the code as open source...You are really great....Thumbs Up for You Sir!


    ReplyDelete








  6. G SrinivasJun 6, 2016, 12:06:00 PM

    Excelleny bro .... You mustSurely Build Plugin . Bcos It would help many ppl who fear to alter codes in wordpress .... ! nice plugin !


    ReplyDelete




Add comment


Load more...












BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');







這個網誌中的熱門文章

Barbados

How to read a connectionString WITH PROVIDER in .NET Core?

Node.js Script on GitHub Pages or Amazon S3