Impact-Site-Verification: -1455653429

How To add a Like Button In Each Post

Social media is very important to provide your reader with easy access to share or like the post. You can see that I have added a Facebook like button in post. It is  very easy.

Steps :
Html css lesson884
  • Login to blogger account
  • Click on Template 
  • Then Edit HTML
You have to find there 

<data:post.body/>

Hope you will find this three times. You have to choose second one. Copy facebook code and paste before.



Facebook Provide these buttons

  • Horizontal
  • Vertical
  • Standard


Copy the code below for Horizontal count style:


<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>


Copy the code below for Vertical count style:


<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=box_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/>


Copy the code below for standard style: 


<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>


Hope this help You!

No comments:

Post a Comment

The Evolution and Future of Spacecraft: Exploring the Cosmos

 Spacecraft have long been a symbol of humanity’s quest for knowledge beyond our planet. From the first artificial satellite to advanced int...