Friday, March 2, 2018

How To Add Facebook Like Button On Website Posts

Hello friends is post me ham janege ki blogger website post me facebook like button kaise add kare . Agar aap pata lagana chahte hai ki reader aapke article like karte hai ya nhi. To aap facebook like button ke jariye assani se pata laga skate hai.

Ki reader aapke article like karte hai. To wo facebook like button se aapke post like kar skate hai. aapko facebook like button ki aisi script dena ja rha hu. jo post aap facebook par share karte hai usme mile likes sabhi count honge.

Facebook like button for blog post


Agar aap facebook like buttton ka demo dekhna chahte hai. To niche demo button par click karke demo Dek sakte hai.



Ab Agar aap facebook like button apne blog me add karna chahte hai. To niche di gayi instraction ko follow kare.

Blog Post Me Facebook like Button Kaise add kare.

Facebook like button ko blog me add karne ke liye niche diye gaye steps ko follow kare.





Step 1.
1.  Sabse blogger dashboard me Theme par click kare.
2. Ab Edit HTML par click kare.
3. Ab CTRL+F Dabkar search box me <data:post.body/> Code ko search kare.

Facebook like button script for blog website


4. Ab <data:post.body/>  Code ke niche Faceboook like button ki script code ko paste kar de.

Note:-
Agar aap Post ki Uper Facebook like button lagana chahte hai. To aap <data:post.body/>  code se phale facebook like button script ko paste kare.

1. Standard.

<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="trebuchet ms" action="like" colorscheme="light"></fb:like>
</div>



2. Button count.
<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='button_count' send='true' show_faces='false' font="trebuchet ms" action="like" colorscheme="light"></fb:like>
</div>



Box Count :-


<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='box_count' send='true' show_faces='false' font="trebuchet ms" action="like" colorscheme="light"></fb:like>
</div>




In Tino Facebook button like script me jo bhi like button design passand aaye ushe apne blog me add kar skate hai. Aur reader ko apne blog ki aur attract kar skate hia.





Asha karta hu facebook like button blog post ke niche kaise lagyae iske bare me ye post kaise lagi comment karke jarur bataye.

Aur is post ko social media par jarur share kare.

Recommended Post:-

About Author:-author Hello everyone my name is sultan i am sharing in this Blog About Blogging And technology Make Money online, Web Design, Internet Tips And tricks Etc Unique Article Everyday. Learn something new here....

Let's Get Connected:- Facebook | Twitter | Google Plus

6 comments: