 |
| TechMAV's Facebook Like Box |
Facebook Like Box is also a key to promote blogs on Facebook pages. It allows visitors to like our Facebook page by embedding page contents into our blogs, and helps to reach more traffic to your blog.
Here's how
Step 1 Log-in to Blogger.com, and in the Template section click Edit HTML
 |
| Figure 1 |
Step 2 add this code just below the <body> tag as shown on figure 2. Click Save template after adding the code .
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 |
| Figure 2 |
Step 3 In the Layout section Add Gadget > HTML/JavaScript gadget
 |
| Figure 3 |
Step 4 Paste the code shown below and Click Save after.
<div class="fb-like-box" data-href="http://www.facebook.com/FacebookDevelopers" data-width="The pixel width of the plugin" data-height="The pixel height of the plugin" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
Important note: Replace the red text ( the url of your Facebook page). You can also change the data-width and data-height , ex data-width="300" data-height = "800"
Thanks for sharing Facebook comment plugin tutorial for blogger.
ReplyDeleteVery helpful post. Thanks for sharing.........
ReplyDelete