Facebook Share Count Buttons For Blogger

Posted by Unknown on

Facebook has now officially introduced the Retweet like Facebook buttons for your blogs or sites. These Facebook buttons look much similar to the Retweet buttons by Tweetmeme. Facebook has 5 styles of Sharing buttons. Here we will see two of them.

Adding a Facebook share count button will show a neat count of how many times your blog post has been shared on Facebook.

Note: The Facebook share buttons are deprecated and FB no longer supports it(It still works though). You can still add it if you want. You can also opt to add the new Facebook Like Buttons with Like Count.

Facebook Share Button Style 1

facebook-share-button-for-blogger-1

Code for Facebook Share Button Style 1

<div style="float:right;padding:4px;">
<b:if cond='data:post.isFirstPost'> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if> 
<fb:share-button expr:href='data:post.url' type='box_count'/>  
</div>

Facebook Share Button Style 2

facebook-share-button-for-blogger-2

Code for Facebook Share Button Style 2

<div style="float:left;padding:4px;">
<b:if cond='data:post.isFirstPost'> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if> 
<fb:share-button expr:href='data:post.url' type='box_count'/>
</div>

Facebook Share Button Compact Style 1

facebook-share-button-for-blogger-3

Code for Facebook Share Compact Button Style 1

<div style="float:right;padding:4px;">
<b:if cond='data:post.isFirstPost'> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if> 
<fb:share-button expr:href='data:post.url' type='button_count'/>  
</div>

Facebook Share Button Compact Style 2

facebook-share-button-for-blogger-4

Code for Facebook Share Compact Button Style 2

<div style="float:left;padding:4px;">
<b:if cond='data:post.isFirstPost'> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if> 
<fb:share expr:href='data:post.url' type='button_count'/>  
</div>

How to install Facebook Share Count Button on your Blogger Blog?

1.Select one of the Share Button Styles and copy the Corresponding Code.

2.Now login to your Blogger Dashboard and navigate to Layout > Edit Html and check the check box which says “Expand  widget templates”

3.Find this piece of code

<div class='post-header-line-1'/>

and immediately after that place our Facebook share button code(that you copied) If you were unable to find this code in your template,then look for the first occurrence of

<data:post.body/>

and immediately before that paste our Facebook Share button code(that you copied).

4.Next you have to add the fb namespace to your template tag.Your template should have the specification for the fb tag that you have used. The following namespace declaration will take care of that. To declare the namespace, find

<html

and change it to

<html xmlns:fb="https://www.facebook.com/2008/fbml"

The following screenshot will help you out.

image This is necessary for all FBML widgets using the fb tag.  So if you have already added the namespace while adding some other FB plugin, then you can skip this.

5. Save the template and you should get a Facebook share count button near each of your blog post

If you liked this post and if it helped you in implementing the Facebook buttons, then please consider sharing this post on Facebook using the button on the top-right of the post :)

Also Check out :

  1.  Facebook Like / Recommend Buttons For Blogger  - New
  2.  Create Facebook Fan Page for your Blog

 

Permalink :Facebook Share Count Buttons for Blogger

Comments

  1. SoufianeOctober 28, 2009 at 8:21 PM

    Wow that's a very good news Aneesh.

    By the way, the intergration of Adsense in this page is just perfet, well done Aneesh.

    ReplyDelete
  2. Blogging TipsOctober 28, 2009 at 9:49 PM

    Great Aneesh Nice to know about the Facebook share count widget for blogger

    ReplyDelete
  3. tmonganOctober 29, 2009 at 12:08 AM

    thats cool! I knew how to put a facebook add as a friend button but this is new for me. Thnx for the know-how

    ReplyDelete
  4. AnshulOctober 29, 2009 at 12:51 AM

    @aneesh how are you implementing adsense ads in between posts.Adding them manually or just using hack to show only adsense tag to them in between post and the adsense codes are defined in html and adds appear automatically there.

    ReplyDelete
  5. UnknownOctober 29, 2009 at 12:55 AM

    @Anshul added manually with line breaks turned off

    ReplyDelete
  6. AnonymousOctober 29, 2009 at 8:18 AM

    Thank's

    ReplyDelete
  7. Kamrul Hasan NoorOctober 30, 2009 at 10:47 PM

    thanks for posting a nice tricks

    ReplyDelete
  8. Sameh KhanOctober 31, 2009 at 11:28 AM

    How did you make the facebook button come above the twitter button? When I followed the instructions given, They were side by side.

    Thanks, btw. It really is a useful addition to my page :)

    ReplyDelete
  9. blogger template placeNovember 1, 2009 at 9:07 PM

    thank aneesh... i will try it into my blog

    ReplyDelete
  10. UnknownNovember 2, 2009 at 8:12 AM

    @Sameh Khan
    take the codes from this post and remove the opening and closing divs. Now insert this code in the div containing the retweet code..

    ReplyDelete
  11. David BergeronNovember 3, 2009 at 8:16 AM

    I thought this was a facebook fan counter..Still waiting for that to come out.

    ReplyDelete
  12. ShareandRememberNovember 5, 2009 at 7:52 PM

    Just what I wanted! Thanks, it was easy.

    ReplyDelete
  13. blogger seoNovember 6, 2009 at 1:45 AM

    I was looking for this for along time thanks for this.

    ReplyDelete
  14. AnonymousNovember 6, 2009 at 2:14 PM

    hey can u tell me how to set comment count on right top corner as in your all post i.e, in Facebook share count has 14, with my its 15, create a facebook.. has 10 comment (show in right top corner of post). it looks nice


    how to set this pls pls
    pls mail me at sandippatel1110@gmail.com

    thanks in advance

    ReplyDelete
  15. Daily MobileNovember 6, 2009 at 5:27 PM

    When you make new post dude? we waiting ;)

    ReplyDelete
  16. Nicholas Z. CardotNovember 7, 2009 at 9:32 PM

    Thanks for letting me know about this. I didn't know that a button like this was even possible.

    ReplyDelete
  17. Mr. Univesal TirafNovember 8, 2009 at 3:20 AM

    Hey thanks
    by using your tutorial i have made my site beautiful

    now i want you to help me out

    in my site homepage, photo seen in squarebox, is there any way to make this square little bit bigger (456 px *650 px or >than this), so photo will be seen clearly and big enough

    here is my site : http://tinymoviez.blogspot.com/

    do help fast cause i want to develop my blog

    Thanks in advance
    pls do help me.

    ReplyDelete
  18. vitamin eNovember 9, 2009 at 5:08 PM

    Thanks for sharing such nice information about facebook buttons. You described it very beautifully.

    ReplyDelete
  19. AnonymousNovember 9, 2009 at 9:18 PM

    Hi,

    very nice blog, thank you!
    Is there a way to include in the "a href" tag the Google Analytics parameters to track click events on these buttons?
    Thanx in advance

    ReplyDelete
  20. -=KSK=-November 10, 2009 at 1:35 AM

    hey see my site i implemented it but its just showing the button not the count it shows count once button is clicked...

    please gimme a solution...

    ReplyDelete
  21. -=KSK=-November 10, 2009 at 1:36 AM

    sorry forgot.... this is my site gimme a solution plz


    http://therapidsharelinksworld.blogspot.com/

    ReplyDelete
  22. UnknownNovember 10, 2009 at 8:37 AM

    @-=KSK= count will be shown only after the postgets shared 2-3 times

    ReplyDelete
  23. pangkiNovember 11, 2009 at 11:33 PM

    Thank You for sharing...

    ReplyDelete
  24. MukhNovember 12, 2009 at 7:31 AM

    in my blog template didn't Show.. it this why?
    http://www.mukhtar.web.id

    ReplyDelete
  25. Vu DiuNovember 12, 2009 at 9:59 AM

    I have done this on my blog but It does not seems to work properly?

    ReplyDelete
  26. Jaypee DavidNovember 12, 2009 at 10:28 AM

    i'm new to this blog and i enjoyed reading your informative posts..

    ReplyDelete
  27. warung informasiNovember 13, 2009 at 11:13 AM

    i try to install coe facebook share count buttons for blogger style 1 on my blog, why ? no way, is there something wrong or did not support with my blog template please help. thanks

    ReplyDelete
  28. TomskiNovember 13, 2009 at 11:53 PM

    Nice one greta post I would like to add this to my site here buttonshut.com in the facebook buttons section so that my users can share this on facebook.

    ReplyDelete
  29. Blogging TipsNovember 14, 2009 at 6:21 PM

    Hi Aneesh why aren't you updating your blog.I am waiting for your next great post.

    ReplyDelete
  30. RIZALNovember 14, 2009 at 11:58 PM

    I WANT TO DELETE TEXT BLOGGERTRICKS.COM AT MY BLOG HEADER & I WANT TO REPLACE WITH MY BLOG BANNER OR LOGO. FOR YOUR INFORMATION,MY BLOG IN XML FILE.CAN U TEACH ME HOW?U CAN VISIT MY BLOG IF U WANT TO SEE CLEAR.I TRY MANY TIME BUT ALSO CANNOT,PLEASE...

    ReplyDelete
  31. UnknownNovember 15, 2009 at 11:29 PM

    Thanks for this help and guidance, this is my first visit to your site and it is great, to read how to add code in a simple and easy way l will return and let you know my feed-back.Also will add link to my blogger network.

    Kindest regards, Ian

    ReplyDelete
  32. Bang DelNovember 16, 2009 at 6:10 PM

    Cool, i like this :) Thank you Aneesh

    ReplyDelete
  33. UnknownNovember 16, 2009 at 6:53 PM

    @Daily Mobile ,@Blogging Tips
    i am busy with my studies.. will be back soon :)
    @Ian Draper
    thanks :)

    ReplyDelete
  34. culinaryandtourismNovember 24, 2009 at 9:07 PM

    hi aneesh.. i like this blog and tutorial.. visit my blog from indonesia. keep blogging thanks aneesh..

    ReplyDelete
  35. CrazyhorseNovember 24, 2009 at 9:58 PM

    Where did you find all the info you have! You are a pro! thanks for sharing. Certainly you do serious research! Thanks again!

    ReplyDelete
  36. AnonymousNovember 26, 2009 at 6:36 AM

    Hi Aneesh,

    I tried to put the "Facebook Share Button Style 1" on my blog here: http://positivelynigeria.blogspot.com but for some reason the "count square" is not visible...it only shows the "f share" button.

    Please help. Thanks.

    ReplyDelete
  37. FranklinDecember 2, 2009 at 3:53 PM

    Facebook is a great source of traffic. Awesome post dude, written in simple english

    ReplyDelete
  38. Daily MobileDecember 5, 2009 at 2:20 PM

    We need New post mate!

    ReplyDelete
  39. UnknownDecember 5, 2009 at 6:54 PM

    Good job...thank you!

    ReplyDelete
  40. SrikantaDecember 8, 2009 at 2:16 AM

    Hi, Aneesh it is your another fine work. But when I try for my blog, I get an error message " Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The reference to entity "alt" must end with the ';' delimiter." Please suggest the solution.
    http://catswatch.blogspot.com

    ReplyDelete
  41. Free SamplesDecember 14, 2009 at 9:47 AM

    Awesome..this is very helpful, thanks

    ReplyDelete
  42. AnonymousDecember 16, 2009 at 2:38 PM

    Thanx for sharing.... :)

    ReplyDelete
  43. I amDecember 16, 2009 at 7:20 PM

    hi, it worked but when sharing the content being shared is the 'about me' stuff not the post itself...
    httP://scorpwriters.blogspot.com

    ReplyDelete
  44. Scholastica EesDecember 18, 2009 at 12:19 PM

    THANKS FOR THE TIPS!

    ReplyDelete
  45. AnonymousDecember 20, 2009 at 2:56 PM

    write you a new post this year? ; /

    ReplyDelete
  46. Henrique NormandoDecember 20, 2009 at 3:06 PM

    "Perhaps you can write to me"
    T.S.Elliot

    ReplyDelete
  47. the art of linuxDecember 25, 2009 at 8:36 AM

    great posting, thank's for sharing

    ReplyDelete
  48. Hidup Untuk BerbagiDecember 27, 2009 at 2:53 AM

    very nice widget....

    ReplyDelete
  49. VarunDecember 28, 2009 at 10:19 AM

    Thanks for this great post.
    I have a question on "How can we display codes like these in our blogger blog?"
    pls i want to know it

    ReplyDelete
  50. AnonymousDecember 28, 2009 at 7:52 PM

    thanks..
    this great posting

    ReplyDelete
  51. all2010moviesJanuary 12, 2010 at 3:52 AM

    It helps, thanks for this article sharing great idea.

    ReplyDelete
  52. Farandhika #3January 12, 2010 at 7:04 AM

    thanks man ;)

    ReplyDelete
  53. UnknownJanuary 12, 2010 at 10:10 AM

    Thanks so much! I've been looking for this for a LONG time, and it worked on the very first try. Rock on!

    ReplyDelete
  54. LutfiJanuary 12, 2010 at 1:34 PM

    good news for me..take care . . .visit me back...

    ReplyDelete
  55. Technology news | Computer and Internet InformationJanuary 13, 2010 at 9:27 AM

    wooow Thanks, thank you very much.... :)

    ReplyDelete
  56. AnonymousJanuary 20, 2010 at 4:34 PM

    If you're using Blogger, I put it into my Blogs Setting> Formatting> Post Template

    I am tempted to see if there is a more up to date version of this that I'm just not seeing but we'll see. I'm sort of out of paitience with these Widgets right now.

    ReplyDelete
  57. Tanya's NotebookJanuary 20, 2010 at 4:35 PM

    Since with the new Blogger Templates, I couldn't get either code to show up in my template. So I put the smallest share button in my Post Template under Setting> Formating.

    ReplyDelete
  58. reinerJanuary 21, 2010 at 8:45 PM

    Thanks for the tips

    ReplyDelete
  59. Eky DakkaJanuary 21, 2010 at 8:53 PM

    It works.. Thanks :)

    ReplyDelete
  60. DeanJanuary 21, 2010 at 9:08 PM

    Hi.. I was wondering if you can aLso help me.. I use wordpress for my blog.. I would like to include this button also..

    ReplyDelete
  61. UnknownJanuary 28, 2010 at 11:07 AM

    @Venexea ,cronicknitter
    there is a problem with inserting the code into the post template.
    That share button shares the current page being viewed in the browser and not the post. So on the home page the buttons on all posts share the homepage and not the individual post pages.

    Adding the code to the template will create separate share buttons for each post.

    you can verify it by seein the homepage of Venexea's blog.

    ReplyDelete
  62. UnknownJanuary 31, 2010 at 2:07 AM

    Thank you the facebook button works great and makes it much easier to share my posts.

    Mike

    ReplyDelete
  63. Davor GasparevicFebruary 2, 2010 at 2:39 AM

    Can you give me advice here pls? I've got this blog http://cheap-i-m-ebooks.blogspot.com/, and there I have 3 buttons IN LINE under each blog post title on the right side of the blogpost.

    I want them NOT to be IN LINE but IN COLUMN, UNDER each other. Do you know how can I do that in HTML??? Or is it possible at all?

    ReplyDelete
  64. AnonymousFebruary 8, 2010 at 9:30 AM

    this site is very helpful..tks a lo

    ReplyDelete
  65. Merda's de Casa!February 10, 2010 at 4:04 AM

    well done

    ReplyDelete
  66. TheDeppest__InkFebruary 11, 2010 at 5:18 AM

    hello!!!
    I really wanted to have it on my Blogger (since it's easier for Wordpress)
    I'm so happy, now I feel complete :)
    thanks (the same for retweets button )

    ReplyDelete
  67. DeepikaFebruary 11, 2010 at 3:27 PM

    Thanks!! Just the way i wanted it.

    ReplyDelete
  68. SwamykantFebruary 13, 2010 at 4:36 PM

    Thanks Aneesh !! However I need a help i have succesfully add the Facebook share button, however I am unable to see the count. Here is one of my post which share with friends regarding the TOp 100 science blogs.

    Help me - Here is the link of post - http://www.scientiamag.com/2010/02/eurekas-top-100-science-blogs.html

    Any idea, please let me know

    ReplyDelete
  69. UnknownFebruary 13, 2010 at 6:25 PM

    @Swamykant - as i have said in my earlier comments, the counter doesn't show small counts. I think the minimum count that it would show up is 3 or 4. Wont show the count for 0,1 or 2 shares.

    ReplyDelete
  70. devilFebruary 14, 2010 at 8:43 AM

    Why it always minimize. Is there any trick so it remain open.

    http://www.wallpaperspub.net/

    ReplyDelete
  71. AnonymousFebruary 18, 2010 at 5:19 PM

    thanks and sorry my english dos,nt help me to thank you much
    your very good my name is mahmoud

    ReplyDelete
  72. Nickolas PickolasFebruary 18, 2010 at 5:51 PM

    How do you get the Facebook share to have correctly pre-populated title, description, and image fields? Your blog actually puts the title of the post into the facebook share title instead of the title of your blog, this is really nice, how did you do it?

    ReplyDelete
  73. Rita ThakkarFebruary 22, 2010 at 1:28 PM

    It is a real educating blog for bloggers like me who are new to the blogging. I have tried many widgets in side bar and at the top of the post but putting in through or within blog post I learnt from your blog. Thanks a lot! God Bless You!

    ReplyDelete
  74. Amitha AmarasingheFebruary 23, 2010 at 12:40 PM

    Hi,

    I added this to my site (www.amisampath.com) but it doesn't pick a thumbnail image when sharing on Facebook. Only the page title and URL is picked.

    Please give me som hints

    ReplyDelete
  75. UnknownFebruary 23, 2010 at 12:56 PM

    @Amitha - dont know why. it used to work earlier now the images uploaded via blogger doesnt show up as thumbnails. If image codes for external images are added to the post, thn it show up. Check out my latest post on Google buzz and click the share button, you can see that it takes up the thumbnail. that image is hosted on tinypic. None of the other images come up. Hope that they would get it fixed.

    ReplyDelete
  76. Lil' This...Lil' That...February 24, 2010 at 6:42 AM

    I can't get this to work on my blog. Please help???

    ReplyDelete
  77. aFebruary 26, 2010 at 3:39 PM

    First it will show share count but. it will automatically disappears. when I re visit my page. Why this is happening??

    ReplyDelete
  78. aFebruary 26, 2010 at 3:41 PM

    Hey Aneesh this counter really doesn't works. Why? It will disappears when I refresh the page...

    ReplyDelete
  79. UnknownFebruary 26, 2010 at 4:58 PM

    @Anup - as i have said earlier in comments, the counter wont show small counts like 1 or 2. It will show the count if the post is shared more number of times.

    ReplyDelete
  80. aFebruary 26, 2010 at 7:51 PM

    Oh! got it. thanks for the quick reply Aneesh :)

    ReplyDelete
  81. Magdi AmerFebruary 28, 2010 at 12:47 AM

    Oh I have got it with my great thanks and pleasure

    ReplyDelete
  82. sima49March 1, 2010 at 10:48 PM

    thanks alot for this info

    ReplyDelete
  83. UnknownMarch 9, 2010 at 12:11 AM

    Thanks a lot anneesh. After visiting over a dozen sites, it was yours that was finally helpful!

    ReplyDelete
  84. SwamykantMarch 9, 2010 at 8:05 PM

    Thanks But i have a Problem .. The count bubble is missing eventhough there is some count. Please help me.

    Here is my blog - http://www.scientiamag.com/

    ReplyDelete
  85. UnknownMarch 17, 2010 at 9:00 AM

    Hi Aneesh,

    Thanks so much for this tool. I wonder if you can help me with a simple trick related to this. I can see that when I share your page on facebook, the first paragraph shows up as a meta description. When I share any pages from mine (www.howdoigetto.blogspot.com), the global meta description shows up. Can you help me tweak this?

    Can it be done by adding a code to my template? Thanks!

    ReplyDelete
  86. AnkurMarch 17, 2010 at 6:58 PM

    Reply to last comment by me:
    It worked. Thanks for the tutorial.

    ReplyDelete
  87. deddy chandra triMarch 20, 2010 at 9:42 AM

    nice info, thank's

    ReplyDelete
  88. Elyse OrecchioMarch 22, 2010 at 4:26 PM

    Beautiful, thank you. That was so easy

    ReplyDelete
  89. Sankara SubramanianMarch 23, 2010 at 1:17 AM

    Thank you so much for giving us these such crystal clear steps. I installed it on my blog and it is working fine.

    Thank you again!
    www.beontheroad.com

    ReplyDelete
  90. AnonymousMarch 25, 2010 at 9:47 PM

    How about another question? I think your post almost answers what i'm trying to do, but i'm not a programmer just trying to find some data to present to my programmer for implementation. I'd like to include a within the footer of my website a "facebook fan count". I believe this will add an incentive to users considering clicking our facebook icon. "join XXXX fans on our facebook page" for example. I want the XXXX to be automatically populated with our facebook fan count. I want to do the same with twitter. Any insight you can provide would be helpful.

    Thanks

    ReplyDelete
  91. UnknownMarch 26, 2010 at 7:04 AM

    @Anonymous - This post is not related to what you are asking but it can be done using the Facebook and Twitter APIs. Refer this link

    ReplyDelete
  92. How to get toMarch 29, 2010 at 10:27 AM

    Hi Aneesh - not sure if you saw my comment above but would just want to post it again. I hope you can help me:

    Thanks so much for this tool. I wonder if you can help me with a simple trick related to this. I can see that when I share your page on facebook, the first paragraph shows up as a meta description. When I share any pages from mine (www.howdoigetto.blogspot.com), the global meta description shows up. Can you help me tweak this?

    Can it be done by adding a code to my template? Thanks!

    ReplyDelete
  93. Metro Manila DirectionsMarch 31, 2010 at 12:50 AM

    Thanks Aneesh, I wonder why I wasnt able to see this post of yours while going through your site. I shall try this:)

    ReplyDelete
  94. Gigi YuMarch 31, 2010 at 10:12 PM

    Thanks so much. it is very helpful

    ReplyDelete
  95. Penny WilliamsApril 5, 2010 at 3:38 AM

    I put this in my blog and it works great. However, when I click on the icon to share on facebook, it is not pulling up my description or the images. I share each post on FB and need this to work. Can you look at my html and tell me what is going wrong? http://adhdmomma.blogspot.com I did look at the link you last posted in these comments and pasted it in but it didn't change anything.

    ReplyDelete
  96. Surge Research SupportApril 12, 2010 at 11:39 AM

    Thank you very much for your help. I have installed facebook share button into my blog which I could not through http://www.facebook.com/note.php?note_id=149643928371 as it has suggested to paste the code somewhere in different place.

    ReplyDelete
  97. zntApril 19, 2010 at 5:03 PM

    really nice article and easy to understand .. Really big thanks.

    ReplyDelete
  98. Necessary DistractionsApril 19, 2010 at 7:22 PM

    The button works, with one exception: It doesn't display the number of times people have shared. I tried pressing the button on three or four blogger blogs besides my own. Same problem on all of them.

    ReplyDelete
  99. UnknownApril 19, 2010 at 9:47 PM

    @Necessary Distractions - count will be shown only after the post gets shared 3 or more times(so it wont show counts like 0 1 or 2)

    ReplyDelete
  100. Metro Manila DirectionsApril 21, 2010 at 9:18 PM

    Hi Aneesh, just a quick question. I just got a custom domain and noticed that the number of facebook shares went back to zero. Is it the case or will it get updated in the next few hours? Thanks!

    ReplyDelete
  101. UnknownApril 21, 2010 at 9:49 PM

    @Going anywhere in Metro Manila - it wont get updated. The urls have changed. so the sahre counts will start again from zero.

    ReplyDelete
  102. Necessary DistractionsApril 22, 2010 at 5:45 PM

    @Aneesh. Of course, I see someone has commented on that already. Sorry about that. Should have read the the comments more thoroughly :P.

    PS. I'd love to see a tutorial on how to implement the new faceebook "Like" button on blogger. I tried to put it on my blog today, but I didn't quite succeed. :(.

    ReplyDelete
  103. UnknownApril 24, 2010 at 10:06 AM

    @Necessary Distractions - Tutorial on adding the Facebook "Like" Button on Blogger - http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html

    ReplyDelete
  104. barceApril 27, 2010 at 11:16 PM

    Very Nice Tutorial...
    Great work
    I was looking for this
    Thanks

    http://www.urdusms88.blogspot.com

    ReplyDelete
  105. UnknownMay 2, 2010 at 6:25 PM

    Thanks so much it worked great :)
    I even managed to place it on the right side instead of the left side!
    Such a good explanation.THANKS

    ReplyDelete
  106. tingMay 7, 2010 at 5:04 PM

    How to i add this in Classic Template?

    ReplyDelete
  107. hacker9May 17, 2010 at 1:59 PM

    thanks a lot blogger plugin....it looks cool. on my blog hacker9.com.
    also am looking for retwit button here.,,thanks

    ReplyDelete
  108. Vishnu Kumawat May 22, 2010 at 9:41 PM

    Thnx a lot. Will you please tell me how to add share it at the end of the post. My e mail ID is vishkumawat93@gmail.com.
    And my blog is http://blogginggallery.blogspot.com/

    ReplyDelete
  109. sarahMay 24, 2010 at 12:17 AM

    Thanks for post I tried this but it's not working for me it's mess up even I'm not using div .. I just use script code. please advice

    ReplyDelete
  110. Rizwan IbrahimMay 26, 2010 at 11:13 PM

    Nice :)

    Visit mine , I've implimented it..

    www.tricksterminal.com

    But its not showing in the blog's main page =((

    And its coming under d footer :((

    ReplyDelete
  111. Rizwan IbrahimMay 27, 2010 at 10:32 AM

    @ D Post Creator!

    Any help on dat?

    Please reply?

    My Blog Link: www.tricksterminal.com

    d FB Share is not coming in the Main Page!! :(

    HELP!

    ReplyDelete
  112. Rizwan IbrahimMay 27, 2010 at 10:41 AM

    thanks man.. atlast its working .. But d template i use is not allowing me to keep it in the top..

    the posts comes a little below it :(

    Anyways, thanks! :)

    www.tricksterminal.com <-- Dont forget to check! :)

    ReplyDelete
  113. R.S. Mallari (SpK)June 8, 2010 at 5:11 PM

    Thanks man, this is the easiest way I've ever done something like this, your instructions are short but precise and clear.

    Again thanks.

    ReplyDelete
  114. SocialWebBlog.deJune 16, 2010 at 11:26 PM

    We added this like button but it doesn't show how many shares has been happend till now. i can see the same problem at your article. is it a facebook problem?

    Maybe someone can help me out. thxs in advance

    ReplyDelete
  115. Sandip DasJune 22, 2010 at 9:55 AM

    When i share my post from my blog, the image appear in the facebook is different from my website logo, how can my website logo appear as a image when i share my post in facebook??

    Please suggest

    ReplyDelete
  116. Brian | i-Blogger.infoJuly 2, 2010 at 6:10 AM

    I am so glad that I found your blog. I've been looking for a facebook button for a while now. Thanks for the post.

    ReplyDelete
  117. beckeyjaneJuly 2, 2010 at 9:35 PM

    Your the man! Thanks! :D

    ReplyDelete
  118. AnonymousJuly 4, 2010 at 11:34 PM

    I'm thrilled with this information and have installed both the "Like" and "Share" buttons. Thanks SO MUCH!!!

    ReplyDelete
  119. Seeking FoundationJuly 6, 2010 at 1:16 PM

    Strange. After clicking the share button, facebook shows as the description, the first comment for the post instead of the actual description of the post. Any ideas?

    ReplyDelete
  120. deeJuly 9, 2010 at 9:42 AM

    thankyou, this is what i'm looking for

    ReplyDelete
  121. jaganmangatAugust 6, 2010 at 2:27 AM

    cool i addded this on my blog thanks author..

    ReplyDelete
  122. AnonymousAugust 7, 2010 at 9:10 AM

    Much appreciated tips my good sir. Keep up these nifty little posts.

    ReplyDelete
  123. Foster ParentAugust 19, 2010 at 2:50 AM

    I love this! I've properly inserted the button, but when someone posts it on facebook, the summary it's giving is people's comments about the blogspot, not the actual blog. Anyway to fix this? http://bit.ly/bJ7uvB

    ReplyDelete
  124. Justin VawterAugust 19, 2010 at 9:57 AM

    In my case.. why does it show only the "share" button? and after you click it.. that's the time it only shows the number share count..

    ReplyDelete
  125. UnknownAugust 19, 2010 at 10:52 AM

    @Jaztien - you need a minimum of 3-4 shares on that post for that to show up automatically :)

    ReplyDelete
  126. riyasAugust 19, 2010 at 12:00 PM

    No need of b:if ?

    ReplyDelete
  127. 真佛宗華德同修會August 22, 2010 at 7:51 AM

    Thanks for sharing this tutorial~~

    ReplyDelete
  128. dr.aanand.......August 23, 2010 at 4:36 PM

    thanks a lot working perfect on my blog

    http://www.homoeopathyart.blogspot.com

    ReplyDelete
  129. tambelanAugust 24, 2010 at 11:07 AM

    I had try some base on tutorial above but still cant work.
    When i put the code before the seconds of tags :
    div class='post-header-line-1'/

    And finally worked.

    Now you can see in my blog http://tambelan.blogspot.com.

    ReplyDelete
  130. UnknownAugust 30, 2010 at 4:32 AM

    I have a big problem...

    When I put the buttons(for twitter and blogger) you can see in all: 0 tweet. I tweet it and now you can see 1 tweet. BUT WHEN I REFRESH THE WEB, I HAVE 0 TWEET AGAIN!!!

    I'm going crazy because of this!!

    ANSWER ME PLEASE!!

    http://kordream.blogspot.com/

    -->nanaoppa@gmail.com

    ReplyDelete
  131. Blogger HelperSeptember 8, 2010 at 6:54 AM

    nice post dear

    couponlk.blogspot.com

    ReplyDelete
  132. artikel-tik.blogspot.comSeptember 15, 2010 at 9:25 AM

    wow..its a great tutorial..thanks..

    ReplyDelete
  133. MuTiaRa MawAr uNGuSeptember 23, 2010 at 9:03 PM

    Thank you...
    This article very help me :)

    ReplyDelete
  134. CherylOctober 18, 2010 at 8:50 AM

    Is there a way to create an iframe version of this share button? I want it to appear only after you click the post title.

    ReplyDelete
  135. UnknownOctober 21, 2010 at 4:51 AM

    I can't put the button in a top left of the post. :(

    ReplyDelete
  136. omuriceNovember 1, 2010 at 6:01 PM

    thanks...it really help me...i used it for my blogs...but can i know how to make sitemap for my blog..

    ReplyDelete
  137. OnurNovember 20, 2010 at 7:21 PM

    Thank you!!! very useful information!! I'll use it.

    ReplyDelete
  138. UnknownNovember 26, 2010 at 9:06 AM

    Thank you so much for your article. It's very useful for me! Keep going on, Aneesh

    ReplyDelete
  139. Georgian BentaDecember 6, 2010 at 12:15 AM

    Thank you very much for this post! Thanks to you my site looks more and more professional and the social media usage is increasing :)

    Have an amazing day! :)

    ReplyDelete
  140. Ash crewzDecember 20, 2010 at 9:27 AM

    thanx on the tips

    ReplyDelete
  141. AnonymousDecember 22, 2010 at 12:51 PM

    not function

    ReplyDelete
  142. KimberlyDecember 28, 2010 at 4:10 AM

    Hi Aneesh,

    I wanted to have the Tweet button & the FB share buttons in a column (or at the very least, to be in line w/each other if they have to be side by side), but I can't seem to get this to work, even w/your previous suggestion to remove the div tags. Is there any way to have both buttons display in a single column that is actually aligned?

    Thanks!

    ReplyDelete
  143. joine jukasJanuary 20, 2011 at 4:00 PM

    thx man,i try and it works greats.thx a lot for this greatest info.

    ReplyDelete
  144. AdmINFebruary 3, 2011 at 6:17 PM

    Dear friend,
    As my website is an image providing site,i would like to add a share button for every picture in my blog.
    can you help me to create such a button code ?

    ReplyDelete
  145. Tutorial KomputerFebruary 19, 2011 at 12:21 PM

    ok, it's good, thanks for sharing

    ReplyDelete
  146. Dapur KumisFebruary 20, 2011 at 6:05 AM

    Thanks my friend, This button very nice in my blog..

    ReplyDelete
  147. Mircea I.February 24, 2011 at 2:09 AM

    Thanks! this really helped :)

    ReplyDelete
  148. Tips Trick Design BlogFebruary 27, 2011 at 6:23 PM

    Thanks For Sharing This Share Button
    Why This Button Not Valid HTML5 ?

    ReplyDelete
  149. UnknownMarch 9, 2011 at 5:57 PM

    Hello aneesh.
    I've enabled this code to work.but my i ask if how can i apply the retweet,fb share,google buzz etc etc.. to line horizontally because it's eatin' up the space in my blog post header and one more thing,why is that google buzz and fb share are the only one's showing in the teaser post,the the others are not?ope you can help me.thanks and keep it up^_^

    ReplyDelete
  150. 石培春March 15, 2011 at 1:58 PM

    thanks, this article helps me a lot.

    ReplyDelete
  151. Faith D.March 18, 2011 at 10:24 AM

    Hi, Aneesh, I am trying to drop this bit of code into my blog, however I keep getting an error message. Please assist. Is there something I'm missing? Will certain blogger templates not allow for the share button

    ReplyDelete
  152. trueinternetworldMarch 28, 2011 at 6:16 AM

    Hi, thanks for this info. but have really got a problem and will please need your assistance, i got to realise that when i or somebody likes or share a post from my blog, it only shows d title of my blog, it doesn't show the post title as before.. Please help me

    here's my blog url www.trueinternetworld.blogspot.com

    ReplyDelete
  153. AzeriMarch 28, 2011 at 11:10 AM

    Thanks Aneesh.It helps me a lot.

    ReplyDelete
  154. bisnis2qtaApril 12, 2011 at 8:41 AM

    made it... success... thanks...

    ReplyDelete
  155. Scott W. ClarkApril 16, 2011 at 12:48 AM

    I just got around to adding this button. Thanks for making it so easy.

    ReplyDelete
  156. AnonymousApril 17, 2011 at 11:20 PM

    It's a bit strange: I added this share count button to my posts and it's displayed as it should be, however no one can click on it to share - like it was just an image, not a link.

    ReplyDelete
  157. AkkiApril 22, 2011 at 8:02 PM

    Hi Aneesh,
    this works for me and able to post to the facebook.
    when it is posted on FB, title of the link is Alok\ not the title of the post.
    You can try and see the effect, I am not able to debug it hence coming to you for help.
    My blog is
    alokchoudhary.blogspot.com
    Kindly help me
    waiting to hear from you.

    ReplyDelete
  158. UnknownApril 25, 2011 at 5:45 PM

    uhm, I already have a like button on the side of the blog and I tried adding this code to have a share button on my posts. But what happened was that the share button appeared but my like button didn't load anymore. What happened?

    ReplyDelete
  159. sHeRrYApril 29, 2011 at 6:22 AM

    just what i wanted;]

    ReplyDelete
  160. AnonymousApril 30, 2011 at 7:29 AM

    thank you...

    ReplyDelete
  161. Ashiq HassanMay 29, 2011 at 7:20 PM

    nice great tnxxxxxxxxx

    ReplyDelete
  162. AzmanMay 31, 2011 at 7:57 AM

    Hi, but this doesnt appear well in my blog after following the steps, can you figure out why??

    ReplyDelete
  163. AzmanMay 31, 2011 at 9:16 AM

    oh btw, this is my blog link:www.encikazman.blogspot.com

    ReplyDelete
  164. RakinJune 9, 2011 at 11:57 AM

    very usefully post thanks

    ReplyDelete
  165. UnknownJuly 8, 2011 at 10:36 PM

    it work...thanks

    ReplyDelete
  166. JimboyJuly 11, 2011 at 11:45 PM

    Thank you! Thank you very much! This is what i am looking for.

    ReplyDelete
  167. Zero TalentJuly 27, 2011 at 8:13 PM

    I don't work anymore. First I thought it was my mistake but it's the same on this page. It doesn't show anymore how many times something is shared ...

    ReplyDelete
  168. How To Woo Girls!July 28, 2011 at 11:19 AM

    No share button's count showing.

    ReplyDelete
  169. AnonymousJuly 31, 2011 at 2:54 AM

    As of July 27, 2011 the Share Button count is no longer showing on my blog. I have had the count for years, now it's gone. I have noticed on other blogs that the counts are no longer there. What changes have been made by Facebook that the count is no longer there? What good is it to the blogger if you have no idea what the count is?

    ReplyDelete
  170. UnknownJuly 31, 2011 at 11:56 AM

    @Anonymous - post updated with solution :)

    ReplyDelete
  171. Zero TalentJuly 31, 2011 at 11:26 PM

    Still doesn't work me. I tried the solution but when I replace <a expr:share_url with the code you said I don't see the share box anymore. Only thing I see then is that other code.

    I really don't know what i'm doing wrong.

    ReplyDelete
  172. AnonymousAugust 1, 2011 at 4:09 AM

    Thanks Blogger Plugins for the Update! This is the same Anon as above regarding July 27, 2011. Little issue though. What happened to the Dashboard? Seems as Blogger Design has went through a major change.
    For the life of me I can no longer find where to make revisions to my template html. Thank you any assistance. The new layout is no where near as user-friendly as the old one. Thanks again for the update!!

    ReplyDelete
  173. AnonymousAugust 1, 2011 at 5:26 AM

    Blogger Plugins... This is anon again. Found out there is no Edit HTML button anymore for Blogger but I have found a way around it.
    The blogger needs to add their Blogger ID at the end of the following:
    http://draft.blogger.com/html?blogID=

    Then the old edit html page appears!

    Thanks for this page!

    ReplyDelete
  174. AnonymousAugust 1, 2011 at 6:54 AM

    Sorry Blogger Plugins its ANON again! I have tried now for hours, step by step. Here are my lines directly from my template:

    ( I tried to send you lines from my template, but your comment box would not allow )

    Not only does the count not show after the steps, but the Facebook button doesn't either. When I added the line before head the Facebook button was still there, but when I exchanged the line that starts with <a expr:share_url with the replacement line, the Facebook button was no longer there, and after deleting the javascript line it still wasn't there. Any further ideas!! I have tried every variation of steps with no luck. Thank you for any help!

    ReplyDelete
  175. UnknownAugust 2, 2011 at 12:06 PM

    @Anon and others - i think you might have missed step 5. That script should be included to render FBML markup.

    ReplyDelete
  176. Echos EritaAugust 3, 2011 at 5:25 PM

    Same with me, it didn't work though I followed all the steps, step by step :(

    ReplyDelete
  177. AnonymousAugust 3, 2011 at 6:43 PM

    Anon again! The fifth step actually was the only step that I left in. When I performed the next step, replacing the line, is when the box disappeared, then when I removed the javascipt line, still no box.
    All that said, Good News.. The count is back today 08/03/2011!!
    Facebook must have made repairs!

    Thanks Blogger Plugins for your assistance on this.

    ReplyDelete
  178. captain Jack GelgeyAugust 14, 2011 at 12:29 PM

    this is great man keep it up

    ReplyDelete
  179. ancient egyptSeptember 19, 2011 at 6:24 PM

    when I click on the icon to share on facebook, it is not pulling up my description or the images. I share each post on FB and need this to work.

    ReplyDelete
  180. FootygoSeptember 23, 2011 at 2:16 AM

    i have the same problem.When i share it on facebook it show blog name link for that page and blog description.Thumbnail however shows.But i want to be seen post title and post description.How to do this ? Thx

    ReplyDelete
  181. UnknownOctober 19, 2011 at 11:07 AM

    Thanks for this tutorial.... awesome!!

    ReplyDelete
  182. UnknownNovember 28, 2011 at 11:46 PM

    didn't work for my template.. :'(

    ReplyDelete
  183. Glenn DinoDecember 2, 2011 at 12:49 PM

    thanks for this tutorials! cool!

    ReplyDelete
  184. AnonymousJanuary 18, 2012 at 1:40 AM

    I got this one Thank you so much

    ReplyDelete
  185. GraceFebruary 7, 2012 at 5:21 AM

    Love it. I fear HTML, but this is so easy to follow

    ReplyDelete
  186. HabibiansApril 8, 2012 at 2:52 AM

    Thanks dear i m trying to install but tempelete error... :(

    See in my blog... http://bloggingsworld.blogspot.com/

    ReplyDelete
  187. Abang JoApril 10, 2012 at 1:31 PM

    that work for my blog...thanks for share it

    ReplyDelete
  188. Taste Of TapahApril 21, 2012 at 9:22 PM

    really works!! cool!! thank you very much

    ReplyDelete
  189. lustroMay 22, 2012 at 3:04 PM

    it didn't work on dynamic view

    ReplyDelete

Post a Comment