Facebook
has created a platform that could help your readers to like your post
through facebook link placed on your blog. This could also help to
increase the traffic of your blog. It is exclusively important to
provide your readers with easy access to share and like your content. In
this article,
I will teach you how to add facebook "Like" buttons to each post on your blogger blog. Dont be scared, it is something anyone can do. it is easy.
Follow the process below.
1. Visit your Blogger dashboard
2. Click on the Template in the sidebar, then click on the Edit HTML
Note: Be carefully not to mistakely type something in the html code box.
3. Click inside of the text area then press CTRL + F (or CMD + F on a Mac) to open up the “Find” text box.
Note: This box will appear at the top corner of the html box
4. In the “find” box at the top right corner of the text area, kindly enter the code below and press enter two times (twice). You want to work with the second instance of it:
If you need to add the button at the top of all your post, then add one of the following facebook code below above this code. But, if you want it at the bottom of your post then add it to the bottom of the code.
Copy this Facebook button code below for a Horizontal count style:
Or, copy this code for a Vertical count style:
If you prefer it without the count, use this Standard code:
Try it out now. Please kindly drop your comment for any issues. We will always be of help to you.
I will teach you how to add facebook "Like" buttons to each post on your blogger blog. Dont be scared, it is something anyone can do. it is easy.
Follow the process below.
1. Visit your Blogger dashboard
2. Click on the Template in the sidebar, then click on the Edit HTML
Note: Be carefully not to mistakely type something in the html code box.
3. Click inside of the text area then press CTRL + F (or CMD + F on a Mac) to open up the “Find” text box.
Note: This box will appear at the top corner of the html box
4. In the “find” box at the top right corner of the text area, kindly enter the code below and press enter two times (twice). You want to work with the second instance of it:
<data:post.body/> If you need to add the button at the top of all your post, then add one of the following facebook code below above this code. But, if you want it at the bottom of your post then add it to the bottom of the code.
Copy this Facebook button code below for a Horizontal count style:
<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;'/>Or, copy this code for a Vertical count style:
<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;'/>If you prefer it without the count, use this Standard code:
<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;'/>Try it out now. Please kindly drop your comment for any issues. We will always be of help to you.
Author: Clement Bright
0 comments:
Post a Comment
Disclaimer: Opinions expressed in comments are those of the comment writers alone and does not reflect or represent the views of Bright Clement. info call or whatsapp +2348166575765