After 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.
- Go to Blogger Dashboard>Layout
- Click on Add a Gadget.
- Select HTML JavaScript
- In content box add both Facebook like JavaScript and HTML codes(At first JavaScript then HTML.
In Main Post Area.
- Go to Blogger Dashboard>Template
- Back up your Blog.
- Click on edit HTML
- Tick on Expand widget
- Find
</head>
tag and enter the JavaScript code under it. - Again Find this line in your Template
<data:post.body/>
- 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.
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