In 2010 when Facebook introduced the Facebook Like button to help people share interesting stuff with all their friends, some people still needed a more private button that could let them share stuff with specific people. Thus just this year Facebook introduced the Send button, which is the easiest way to privately share things with groups, friends or individuals. In todays tutorial we will learn on how to add this important new social plugin to your blogger blogs.
How To Add Facebook Send Button To Blogger Blogs?
- Go To Blogger > Design > Edit HTML
- Backup your template
- Click Expand widgets templates box
- Search for <data:post.body>
- and now if you wish to add the send button just below your post titles then add the giant code below just above <data:post.body> or if you wish that the button may appear at the end of your posts then paste the following code just below <data:post.body>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:send href="" font="verdana"></fb:send>
6. Hit save and you are done!
I hope you will enjoy reading these posts too,
If you faced any problem, just let me know. If you enjoyed reading this tutorial then why not send it to a friend by hitting the send button below? :)
If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you
Subscribe to our regular Email Updates!
If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »
24 comments:
Thank you mohammad
That was simple. Just added it. :D
Faceboook will never stop developing. These guys are surely the spartans! :p
Hey Mohammad,
Still waiting for those ICONS set for home previous next posted my email address mailus[at]expertsgalaxy[dot]com.And as you said that not using disqus better enable comment moderation in blogger so that you can reply then and there to your readers and will also help preventing spam comments to appear before you can delete them,as I have noticed you do reply sooner or later that rarely bloggers do and its a must do ethic for every blogger.Just a suggestion from my side
Just added - tested it and it does not send the individual post??
@Anony
You are welcomed
@priya
Glad it did. :>
@Michael
No doubt in it :)
@Neeraj
Just sent you the buttons buddy. I highly apologise for late replies due to Alhamdulillah new visitors. I surely respect the suggestion. I will write a detailed post on why I avoid disqus and comment moderation. Comment moderation has a lot of disadvantages which I guess would be better if I explain in a post.
@Debby
I have updated the code and it will work just fine now. The closing tags were shortened by blogger editor and I have correct that. you can now surely add it anywhere you like. :>
Made the change but still not working? Can you look at my blog and test it? Maybe I have something else wrong?
www.kirbythedorkie.com
@Debby
I visited your blog and it is working just perfect. I guess you have troubleshooted yourself. :>
1.) I'm just wondering, if it is possible to get multilingual send button (the one, which changes depends on what language are you using on Facebook)?
2.) I have custom READ MORE button on my blog/page and the problem is, if I want to SEND a post to someone from the home page, it would SEND a home page - not the post :( I tried to apply data:post.title &/or data:post.url to the code, but my knowledge of html is insufficient and I just tried - didn't know what realy needs to be done.
Plz help.
Thank you (and sorry for my bad english)...
Marko (www.alpner.com)
@Marko
Brother the send button will change language according the the FB account langugae of the user. If your visitor is from china then the FB send option texts will appear in chinese. You don't need to worry about it because the send button does that automatically.
Further the post titles will be sent only while you are in the full post page i.e expanded mode else of course sending a summarized post from homepage will prompt the URL of your homepage to the button.
1. I disagree. The link to the script is ...ook.net/en_US/al... and if I'm correct the buttons will show up just in US English. I tried to change my FB language to many of them, went on my blog and the buttons were still in English. It doesnt realy bother me, but when I had my Like button in iframe, the language did change. Also there was no en_US in the link to the script. I would still use that, but I realy wanted the Send button and it's not iframe supported.
2. I solved the problem. Previously I had my Like button in iframe, and then I added a XFBML send button. Now I transformed both buttons to XFBML and it's working correctly.
@Marko
I will agree marko. I just checked and googled for this. And I found out that Facebook's plugins do not change dynamically with respect to user locations. I further found out around 31 different looks of the like buttons which are language specific. Guess it was a good learning for myself and forgive me for the ignorant assumption brother. Thank you for making it clear.
No problem. Thank you for this great page, for useful post and help. Without you I wouldn't have my page (as it is) so thank you again. [and sorry for my bad english]
@alpner
My pleasure buddy. :> Thanks for being a valuable reader. Kindly share the Iframe version codes that you are using. I will publish a post on it by giving credits to you. You can paste that code here using the HTML Encoder
i cant find data:post.body
plz help..
smrithipuranam.blogspot.com
@Mohammad Mustafa Ahmedzai
Sry I took so long to reply. The code is:
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=450&action=like&font=verdana&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
i cannot share or send article or else from my blog to my wall, always said: 'I am blocked from adding content'...bla bla bla....
but, if i share from other site is ok no problem...any one can answer me? ......thanks
I found it very useful.
useful post
Thanks Mohd.. I have applied it to my blog but tweaked it & it gives excellent result. Also, provided with complete graphical presentation "How to DIY". I have also solved the problem of not having Like Page ID. Have a look at my Blog & let me know what do you think of the same.
http://www.yourbloggingtips.com/2012/03/facebook-like-box-widget-for-blogger.html
Dear thank you very much for your great post.
This is really interesting post and i hope you will
continue posting such interesting article.
Blogger Tips Tricks
Assalaamualaikum bro!
It does not work for me! It does not even appear!
Please correct this error!
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.
Regards,
Mohammad