How to Add Facebook Share Button on Each Post ?

October 24, 2009

in Blogging,Facebook,Tips,Tutorials

Now you can see a sharecount button for Facebook beside the retweet button on each and every post. With the help of that, You can now easily share the content/articles to your facebook friends with one click.


share+ideas How to Add Facebook Share Button on Each Post ?

Inspired by the popular Retweet buttons, the sharecount button for Facebook displays the number of times the current page has been shared on Facebook and allows visitors to share it themselves.

Features:

* Displays the number of shares and on hover the total number of clicks for those shares (displays Facebook logo when 0 shares)
* Large or small button.
* Track the shares from the button using your awe.sm API Key or fbshare.me links.
* Add Google Analytics parameters to fbshare.me links.

If you’re a WordPress User – Get the Plugin here

If you’re a Blogspot User – then Embed this code on your template :

<script src=”http://widgets.fbshare.me/files/fbshare.js”></script>

How to Add this Button on each and every post ?

1. Go to Blogger.com

2. Go to Layout > Edit HTML >

3. Save a copy of your template, so that if anything happens while editing you can restore it.

4. Now click on Expand Widget Templates and Search for

<div class=’post-header-line-1′/>

5. Now Paste the following code below this line

<div style=’float:right; margin-left:10px;’>
<script src=’http://widgets.fbshare.me/files/fbshare.js’/>
</div>

6. You’re Done !! Now save your template and Enjoy Sharing on Facebook !!

To know more about sharecount button for Facebook – check out the offical site – fbShare.me

If you have any problem on installing the button, feel free to use the comments section ;)


Liked this post? Got something to say? Share/Comment below. You can also Get Regular Updates. Subscribe to Free RSS Feeds or Email Updates. Follow us on Twitter @madrasgeek and Like us on Facebook.

Subscribe to MadrasGeek for daily tips in your email inbox for free:

Share :

{ 16 comments… read them below or add one }

1 vEnKy October 24, 2009 at 10:49 am

Thanks i added it to mine it would be nice of you if you added that tweet thing code too

Reply

2 Srivathsan GK October 24, 2009 at 11:14 am

@Venky – Kindly Look into TOp 55+ addons for blogs – http://steal-ideas.blogspot.com/2009/08/top-55-blog-add-ons-and-tools-to.html – Here I have given the tutorial on how to post the retweet button.

Reply

3 Manoj Varghese Mathew October 24, 2009 at 11:24 am

hey for mine… without even sharing it shows 1 share… hows that possible without me or anysharing!!!

Reply

4 Srivathsan GK October 24, 2009 at 11:31 am

@Manoj – Hey! You could have shared it from anyother source to facebook .. maybe thats why it shows .. do check it once more ..

Reply

5 Arun October 24, 2009 at 12:09 pm

thxx bro

Reply

6 Chethan October 24, 2009 at 9:56 pm

I need to have a share button!
Very Soon!
A VERY gOOd Tutorial by Mr Srivatsan!

Chethan's Last Blog Hrithik Roshan with Flute in Simply Reliance TV Advertisement

Reply

7 Srivathsan GK October 24, 2009 at 10:18 pm

@Chethan – You must have it!! Thankyu for leaving your comments ;) share share share .. spread spread spread :D

Reply

8 sbunting108 October 27, 2009 at 4:34 am

Done it thanks

Reply

9 COMPUTELOGY November 1, 2009 at 6:27 am

Thank you. It is working very fine. In fact, it attracted me when I saw it here. Now I am using it.
Regards,

Reply

10 Srivathsan GK November 1, 2009 at 10:35 am

^_^ thank you :) my pleasure ;)

Reply

11 Threekidsincollege November 23, 2009 at 4:47 am

Thanks! Can you show us how to put RSS, Twitter, Digg, and Facebook…and more if you have them share below every post?

Reply

12 Threekidsincollege November 23, 2009 at 6:17 am

http://www.addthis.com/

Easy way to get a share button below each post!

http://www.3kidsincollege.com

Reply

13 Srivathsan GK November 23, 2009 at 9:04 am

@Threekidsincollege – Yeah sure , I have Written everything on how to put RSS > Digg > Twitter icons – SO please check out my post on Top 55+ blog addons – You can see it on the Top Right Corner – I have placed a picture .. just click it and go through !

Reply

14 deepa sharma April 16, 2010 at 11:20 pm

first of all good post…
well i want to ask that if the persona not havin there hostin or domain name … i.e if am running my blog on wordpress then would i be able to add this share button ..?
and second thing if am having my own domain name only ..
then can i able to add this button ….?????????
hope for your better reply ……
tc ….
.-= deepa sharma´s last blog ..How To make Your Iphone as WIFI Router =-.

Reply

15 Srivathsan G.K April 17, 2010 at 8:00 am

This code is for blogspot blogs :)

Reply

16 Erin Fitz April 30, 2010 at 11:11 pm

Thanks. I knew it had to be this easy. I tried to ask a ding-dong who I work with how to add the button and he said it was WAY more complicated than adding a little code. Ha.

Reply

Leave a Comment

Previous post:

Next post: