Add these buttons to your blog and help your visitors to share your articles easily on FB.
Instructions to follow:
Log in to Blogger -> Layout -> Edit HTML, and select the tickbox "Edit Widget Templates"
Now find this code in your template:
<div class='post-header-line-1'/>Now immediately below it, paste the code for the facebook button (select the appropriate one for your blog).
As a link:
<!--FB-BUTTON-STARTS--><b:if cond='data:blog.pageType == "item"'>
<span style="text-align: right;">
<a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</span></b:if><!--FB-BUTTON-STOPS-->
Button #1
<!--FB-BUTTON-STARTS--><b:if cond='data:blog.pageType == "item"'><span style="text-align: right;">
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</span></b:if><!--FB-BUTTON-STOPS-->
Button #2
<!--FB-BUTTON-STARTS--><b:if cond='data:blog.pageType == "item"'><span style="text-align: right;">
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</span></b:if><!--FB-BUTTON-STOPS-->
Other Facebook Widgets you can display on your blog:
1. Facebook Profile Badge
2. Facebook Photo Badges
3. Live Stream Box (Just like the twitter widget):
4. And visit this page to add a Facebook Fan Box Widget to your blog.
21 comments:
Great hack ^^
Now the ones that always comment as Anon can now coment using FB :)
BTW: Of course I'm nominating/voting you in the Ma-something awards =D
Sorry for double-posting, but how exactly do I put my comment box ? Tried everything but nothing happens :(
Nice plugin. Will surely try this out.
thanks
Very nice widgets :D
@Daniel,
Thanks a lot for the nomination.
According to facebooks tutorial, you have to include a simple code snippet to the html tag and host a cross-domain file. Even I have tried it, but to no avail.
I think we should better wait for an update from them...
Greetings friend,
You made a spelling error in the first paragraph "Feasebook" I think it's suppose to be Facebook. :((
Facebook has already overtaken Yahoo according to the stats from Alexa. So along with search engine optimization, you should also try to bring some traffic from social networking sites like Feacebook.
Thanks Joe
please help im having troubles adding this to my buttons site which has some neat facebook button ans such and would lve to have this so that the buttons get shared on facebook but cant get it working the site in questions is
buttonshut.com
regards
thanks thanks thanks :X
hey i cant find
div class='post-header-line-1'/
:((
help me!!!
Make sure you have marked the tick box "expand widget templates"
Thanks Divya, for the wonderful info. I have also added my networked blogs widget in my blog.
Ani.
As always (an unlike some other blogs) your code works a dream.
I'm having one problem though. I wonder if you can help?
I truncate my blog posts and you can see the facebook sharer appear on the truncated posts on my homepage as well as on each indiviual post's permalink page.
Clicking on the facebook sharer on any of the individual pages works ok, but when you share from the homepage, it chooses to share my blogs main url rather than the specific posts url.
I've also installed a similar Twitter button, and that seems to work fine both ways.
Can you help?
Thanks.
These buttons are javascripts provided directly by FB, so nothing much can be done, you have two options:
1. Either show these buttons only in the permalink post pages, and hide them in homepage. by using this code:
<b:if cond='data:blog.pageType == "item"'>
CODE_FOR_FB_BUTTON_WILL_COME_HERE
</b:if>
2. Use the FB button code from this page, that will submit the unique url even in the homepage, but it cannot count the number of submissions:
http://bloggerstop.net/2008/12/how-to-add-social-networking-buttons-to.html
Thanks for the quick response Sai.
Shame there's no real fix. I think I'll hide it on the homepage for now.
nice one... i really appriciate your work. great going.
hey buddy thanks for the important information !
Hi sai,
I've applied the Facebook share coding to my template and save,but nothing happened,why is it so?thanks in advance.you're great.
Thanks a lot, enjoyable!
thnx! for this buddy...
thanks
Allowed HTML tags: <b>, <i> and <a>
Join and share your views with other bloggers at BloggerStop Community
Comment Like This! and Optimize your blog...
SPAMMER OF THE MONTH: www[.]Seeking4Hosting[.]com