This Tutorial will help us in adding a Facebook Like Button For Blogger. As facebook is no.1 socail website so its always important and interested to connect with the facebook.Facebook has come up with a new set of Social plugins which helps us to provide engaging social experiences to your users with just a line of HTML. The Facebook Like Button is One of them.The Facebook like button will allow your readers to quickly share your posts with their Facebook Friends. You can also get to know how many people liked your Blog Post .This tutorial will teach you to add a Facebook Like button for Blogger.Hope this will help all bloggers.
Here are the steps by which you can add this and finally it will look as it
Steps 1:-
Login to your Blogger Account and go to Design >> Edit HTML and click on the check box which says “Expand Widget Templates”
now copy the code given below in red color
<div>
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href="data:post.canonicalUrl" layout='standard' send='true' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
</div>
3. Look for <data:post.body/> and immediately below that place the copied code.
4.Next you have to add the fb namespace to your template tag.Your template should have the specification for the fb tag that you have used. The following namespace declaration will take care of that. To declare the namespace, find this now
and change this to
comment and keep giving your precious views because they are important for us and will give a lot of confidence.
Here are the steps by which you can add this and finally it will look as it
Login to your Blogger Account and go to Design >> Edit HTML and click on the check box which says “Expand Widget Templates”
now copy the code given below in red color
<div>
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href="data:post.canonicalUrl" layout='standard' send='true' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
</div>
3. Look for <data:post.body/> and immediately below that place the copied code.
4.Next you have to add the fb namespace to your template tag.Your template should have the specification for the fb tag that you have used. The following namespace declaration will take care of that. To declare the namespace, find this now
<html
and change this to
<html xmlns:fb="https://www.facebook.com/2008/fbml"
4. Now Save the template and you are done with it.
comment and keep giving your precious views because they are important for us and will give a lot of confidence.
are you using script to stop copying content from your blog?? how can i copy it ??
ReplyDelete<a href='privatejobs4you.blogspot.com>looking for jobs??</a>