Jumat, 22 Maret 2013

Add Facebook Send Button To Blogger 2013


Add Facebook Send Button To Blogger 2013

Whenever Bloggers post an article they want to spread that article like fire in the forest,the question is why the Do this?Because the more you get the views of the article the more popular your blog will be?And if you have a relationship with AdSense then it will help you to LOW the Page CTR.However due to high page-views your blog Alexa and Search result increases.On this purpose i am going to share Facebook Send button which will surely help your blog visitors to easily share any article of your Blog To Facebook.

Live Demo For Facebook Send Button

Check The Send Button Below The Live Streaming.

How To Add Facebook Send Button To Blogger

Installing Facebook Send Button is very easy,you just need to copy the below script and paste it before the below mentioned tag.
  • Sign in to your Blogger Account
  • Visit the Dashboard
  • Now Click On Template(Shown below)
  • Edit HTML
  • Now Proceed it
  • Check the Small Box "Expand Widget Templates"
  • Now Search For This Code <data:post.body/> by pressing CTRL+F.
  • Now Copy the below Script .
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-send" expr:data-href="data:blog.url"></div>
Now You have two Choices i.e where you want to add Facebook Send Button ? Either Above The Post or below the Post.

Adding Facebook Send Button Above The Blogger Post

For Adding the Send button above the Blogger Post Copy the above Script and paste it above <data:post.body/>.And hit save Template,that's it :)

Adding Facebook Send Button Below The Blogger Post

Now For Adding the Send Button Below the Blogger Post Copy the Above Code and paste it after <data:post.body/> , and hit save template that's it :)
Note:- Before Pasting Code into Template must take backup of your template(if you can,t take backup of Template Read This Article) .In Magazine Blogger Templates <data:post.body/> is present 2 or 3 times so paste the above code 2 and 3 times.

Conclusion

So What's Up? This was all about adding facebook send button to Blogger , if you have any funny question ask freely , we are here to answer you :)