Facebook badges tin sack check upwardly used to ship your blog's readers to your personal Facebook profile, or to your page. These are an trial of the "follow me" approach.
But ofttimes weblog authors wish to give their readers a tool to portion the weblog that they are reading on their ain (ie the readers own) Facebook business human human relationship - that is to trace the "Look what s/he said" approach.
Your readers could but copy-and-paste a hyperlink to your page into their ain Facebook account, but it's clunky, inward improver to way that they convey to commencement upwardly Facebook themselves.
Various people convey written 3rd-party widgets to lay a Facebook icon on your blog, gear upwardly thus that when a reader clicks it the electrical menstruum page it is automatically shared on the reader's Facebook account. Some fifty-fifty count how many times the force has been clicked.
But I don't like, or trust, 3rd political political party gadgets:
- There's no guarantee that they don't convey nasty side effects on your blog.
- Some of them enquire you lot lot to type your Facebook id inward improver to password onto a page owned by times a 3rd party. They promise that the won't do nasty things alongside the information - inward improver to close of them mean value it. But you lot lot but don't know who to trust.
- If Facebook alter how they do things, there's no guarantee that 3rd political political party tools testament also check upwardly changed: you lot lot could easily check upwardly left alongside a force that doesn't slice of piece of occupation whatsoever more.
One approach - Blogger's social-sharing buttons:
Google convey introduced social-media buttons whichcan check upwardly shown at the bottom of each post. They alone slice of piece of occupation on blogs alongside Designer Templates (ref Types of Blogger Templates)They're an improvement on the 3rd political political party gadgets, but I silent don't similar the way they look, inward improver to the lack of options to customize them, thus I ordinarily convey them turned off.
Influenza A virus subtype H5N1 meliorate approach - Facebook's official gadgets:
The Share Button:
The showtime "look what s/he said" choice that Facebook offered was the Share button, officially called the the Post To Profile gadget.This allow you lot lot customise a few features, inward improver to also had a preview function
You tin sack silent reckon this gadget on many web-pages. But you lot lot cannot acquire the code for this from Facebook whatsoever more: they correct away recommend using the social plugins (more almost them below) instead.
The Share force silent constitute though, inward improver to tin sack check upwardly added to your site using this code:
(I've spaced the code out a flake thus it tin sack check upwardly understoond to a greater extent than easily - the extra line-breaks tin sack check upwardly removed when you lot lot trace it.)<b:if cond='data:blog.pageType != "static_page"'><div style='float:left;padding:3px 3px 3px 3px;'> <a expr:share_url='data:post.url'href='http://www.facebook.com/sharer.php'name='fb_share'type='box_count'>Share</a><scriptsrc='http://static.ak.fbcdn.net/connect.php/js/FB.Share'type='text/javascript'></script> </div></b:if>
You tin sack configure the code by times changing the value of type: other options are
- button_count (shows a counter beside a smaller button)
- button (shows a smaller button, silent alongside the intelligence "share"
- icon (shows the small-scale "f" only)
See Sharing from your weblog to the Social Networking Sites for to a greater extent than information almost where to lay the code, including amount full general inward improver to post-specific options.
Notice that because the code inwards a higher solid includes expr:share_url='data:post.url' you lot lot need to lay it inwards a post-specific solid inwards your blog. Another choice would check upwardly to supervene upon data:post.url alongside the URL for your blog, inward improver to lay the code into a gadget etc.
Be aware that sometime inwards the future, the Share force may stop working, because Facebook stop supporting it. I don't await that to give soon though, because it's correct away installed on thus many web-sites worldwide.
The Like inward improver to Send buttons:
Facebook's official gadgets for maxim "look what s/he said" are correct away the Like inward improver to Send buttons.Officially, you lot lot tin sack acquire the code for them on the Developers > Social Plugins > Core concepts page: don't check upwardly lay off because the page is labelled "develoeprs" - it truly is quite unproblematic to install the buttons into your blog.
However the concluding few times I tried to acquire the code from Facebook, it's refused to give it to me, saying:
"The href entered is non recognized every chip a valid URL.".
So this is the code I got from them before, modified to check upwardly used inwards a post-specific solid - reckon below - inward improver to to non trace the width that was suggested:
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb: like action='like' colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='false' show_faces='false'/>
This motion epitome shows the options that were available when I got that code:
It's fairly piece of cake to aspect at these options, inward improver to slice of piece of occupation out changes you lot lot mightiness similar to make, eg
like action='recommend' colorscheme='dark' font=''Arial layout='box_count' send='true' show_faces='true'
When you lot lot convey chosen the options you lot lot want:
- Click the Get Code force at the bottom of the page,
- Copy the code that is provided, and
- Install it into your weblog (see below for to a greater extent than information almost this).
Sharing a Post vs Sharing the whole blog:
If you lot lot lay a a Like, Send or Share force into your ain weblog every chip a gadget, thus what is shared is your whole blog, non the detail Post that is beingness read, for trial(this blog)instead of
/search?q=linking-your-blog-to-social-networks (a post)
If this is what you lot lot wish your readers to do, thus but put your blog's URL into the "URL to Like" champaign (or the expr-statement if you're using the Share force code), inward improver to add together together the code every chip a gadget.
But if you lot lot wish your readers to portion individual posts, thus you lot lot need the Facebook-button to appear alongside every post, inwards either the post-header or post footer This is a niggling harder than adding it every chip a gadget. To acquire the code to trace for the Like/Send buttons
- Put close dummy text into the URL to portion field
- Get the code
- Replace the dummy text alongside instructions to trace the URL of the electrical menstruum post, ie alter it from
to<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=173511999379139&xfbml=1"></script><fb:like href="DUMMY-TEXT" send="false" width="450" show_faces="true" font=""></fb:like>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=173511999379139&xfbml=1"></script><fb:likeexpr:share_url='data:post.url' send="false" width="450" show_faces="true" font=""></fb:like>
The way to add together together the code to your weblog is described fully inwards Putting Share this on XXX buttons into your blog (it's done the same way, no matter what social network's portion force you lot lot are adding).
Enhance the sharing using Open Graph tags
Facebook was 1 of the showtime sites to trace Open Graph (OG) markup, which is a way to label parts of your weblog thus that social websites know what to trace inwards each of their features.Unfortunately Blogger templates don't automatically contain Open Graph code. But you lot lot tin sack add it yourself. This isn't essential - people tin sack silent portion your posts without the tags beingness present - but it does generally build shared of your pages aspect better.
What your readers see
When a reader clicks your Facebook button, they'll check upwardly asked to log inwards to Facebook (unless they're already logged in).
Once they're logged in, then:
If they used the Like button:
The "like" is recorded on their wall, inward improver to they are shown a small-scale message inwards your site, giving thus the adventure to un-do the like, or to add together together a comment which is also shown on their wall along alongside the like.
If they used the Send button:
They are shown a small-scale pop-up window where they tin sack type inwards names (from their existing Facebook friends) or electronic mail addresses. Influenza A virus subtype H5N1 message almost the detail is ship to the selected people using either Facebook Messages or regular electronic mail for people who aren't on Facebook.If they used the Share button:
They reckon a window where they tin sack acquire inwards a message, inward improver to reckon the link inward improver to description that they're going to check upwardly sharing.
Lastly there's a captcha window, where they convey to acquire inwards close security test.
Related Articles:
Linking your Blog inward improver to the Social MediaAdding a Facebook personal business human human relationship badge to your blog.
Adding a Facebook Page badge to your blog.
Types of Blogger Templates
Putting 3rd political political party HTML code into your blog
Adding the "Find us on Facebook" plug-in box to your blog