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 :
- 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:
Copy the code below for Vertical count style:
Copy the code below for standard style:
Hope this help You!
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' 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='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&layout=box_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' 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='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&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:35px;'/>
Hope this help You!
Leave a Comment
Your email address will not be published. Required fields are marked *