It’s been a long time since Facebook started providing the official share-count. Before that, the void was filled by a third-party service called fbShare.me, which is still active and works fine.
During one of my performance-optimization experiment, I found that the official Facebook share-count loads much faster. Also, being “official”, it seems a safer choice keeping the future in mind.
But when I switched to new codes, a new problem surfaced as you can see in the screenshot below…
The issue is, if Facebook share count is zero, the big share button shrinks to 1/4 of its size and hides the counter because of the surrounding buttons near it. I prefer the share-count to show even if it was zero.
I really thought that Facebook might have some parameters or setting to fix it, but after a lot of brainstorming, I finally managed to fix it using jQuery codes below:
//fix facebook share's zero-count jQuery(document).ready(function(){ jQuery(".fb_share_no_count .fb_share_count_inner").text("0"); jQuery(".fb_share_no_count").removeClass("fb_share_no_count"); });
Of course, for the above code to work smoothly, you must have jQuery included somewhere before the above code-snippet.
Here is how it will look like after the fix…
I hope you will find this code useful! 😉
One Comment
I am looking at a way to modify the count in facebook like button.
Could you help me ?
what do I need to do ?