Hello dear
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
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/>
or
if you want your like button show below post then search (using CTRL + F keys) pencil paste below code
Step 3 - Just above it paste this entire code
Vertical style Horizontal style Standard style
Vertical style button
<br/><br/><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;'/>
Horizontal style button
<br/><br/><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;'/>
Standard style button
<br/><br/><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;'/>
save template and refresh your bolg page
Thank you
No comments:
Post a Comment