Top Menu

Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu

Tuesday 10 May 2016

Add a Facebook Like Button in Posts

The Facebook Like button is usually used for all visitors to Like your posts and share it to their Facebook friends. In this post we will learn how we can add Like button for each individual post.

So if you would like to add Facebook Like button follow the below mentioned steps:

Add a Facebook Like Button in Posts

Step 1 - Go to Blogger Dashboard > Template > Edit HTML

Step 2 - Click anywhere inside the code area and search (using CTRL + F keys) for this piece of code
Selectable text below
<data:post.body/>End of code
Step 3 - Just above it paste this entire code
Selectable text below
<p><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;'frameborder='o' scrolling='no' style='border:none' overflow:hidden; width:100px; height:20px;'/></p>End of code

Step 4 - Save your template and you are done with this simple implementation of facebook Like button on your posts.










No comments:

Post a Comment