![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyeKu8ZEWBE8qIRUv8rCZrX0L0ZRA0RuFRTxQ8FcBjZ4CL9bwVbhiu6kgZLrP95EkeDlY88d_9eJxUKpYjB7Cq0SutJ5DBpF_KG2LRiW25ha8YeLW90saGmGzo76pnpaGHN8qC/s400/likeselina.jpg)
See my example pictures:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS_m79etEdP5tgzgMEOq8vvJiOI9RBZAmV-BDOVTc2aFjKzRSd-ZAEZcY7XKE_61fUMFewv1oN1lO9kT9eQu2KcEjKd96b2HryK7GEB-hgrOe9uafXW5aIj906S1cMiZmE4gG_/s400/like1.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW6kzIOaycVJvyJv2pFMztMbLKzsFyQAzrNVMOAziX0VnwNCev-TRrX2nNcxKG1fFash6NEnhB0WvDI7TrwX4FpCU23PpUguVZezYQO7Hx1xinXFQcBEc47jSac0YjRHsecMP8/s400/like2.png)
How to add a Like button in your post?
Step 1:
You need to copy this code:
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>
Step 2:
Please log i your blogger account, then go to Layout >> Edit Html.
Remember you must check Expand Widget Templates box before you start to find the codes.
You will find this code like:
<div class='post-header-line-1'/>
Or, if you don't have it, try to find this:
<data:post.body/>
Step 3:
After you get it, you can paste the "Like" button code before it
Then, you can save template and see your blog when you done.
I hope this tutorial can help you! You can try to click on your own like button then you will see how it works in your Facebook!
0 Comments