Facebook SendAfter release of Facebook Share Facebook has introduces a Send button which enable to share post and email to Friend's.It’s a kind of way to increase your Fan and in Today from grandfather to grandson people know about Facebook.If you want to add Facebook Send button the here’s how to add it.

Facebook JavaScript Codes.

The JavaScript code of Facebook send button is this

<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>

Facebook Like HTML codes.

To make JavaScript work we need to add HTML.We can place this HTML any where we would like to appear.

<fb:send href='URL here' font='' colorscheme='light'></fb:send>

For Blogger use this HTML

<div class="br-fblb">
<fb:send expr:href='data:post.url' font='' colorscheme='light'></fb:send>
</div>

Installing Facebook Like At Blogger.

As Widget.

  1. Go to Blogger Dashboard>Layout
  2. Click on Add a Gadget.
  3. Select HTML JavaScript
  4. In content box add both Facebook like JavaScript and HTML codes(At first JavaScript then HTML.

In Main Post Area.

  1. Go to Blogger Dashboard>Template
  2. Back up your Blog.
  3. Click on edit HTML
  4. Tick on Expand widget
  5. Find </head> tag and enter the JavaScript code under it.
  6. Again Find this line in your Template
    <data:post.body/>
  7. Add the Facebook Send HTML codes .If you add the code above the line the Face Send button will appear below of Post title.If you add below the link Facebook like will be seen below the Post Content.

Styling the Facebook Like.

If you want to add distance at Facebook like then add padding like this in your CSS.

.br-fblb {
float:left;
padding:5px 5px 5px 0;
}

If you don't know how to add CSS then refer here.

Enjoy.

Admin of Blogger Rounder
Shirshak is the Administrator of the Blogger Rounder who thinks he will die next to Blogger. He is Completely devoted to Blogger and thinks Web Designing will makes is career.You contact using contact form from navigation tab to him.You can find him in Twitter.

Subscribe for free
Thanks for visiting Blogger Rounder.We can subscribe to Blogger Rounder's by RSS feed or email updates.

0 comments on "Installing Facebook Send button.":

Post a Comment

We Love To Hear Comments from You.Comments are Welcome.You can comment here regarding this Post.If it is not related with the post you can ask a question by Contacting Us.Before Comment Please Subscribe To our RSS or email updates.Publishing Spam Comment is Not allowed.If you want to Add Code then Please Encode it.
Simple Tags like <a> ,<strong>,<b>,<em> and <i> are allowed for preventing spam

Newer page Older Pager Home Pager

Pls share this page

Get this
Copyright © 2012 Blogger Rounder .Designed by Shirshak.
back to top