How to add Facebook Like Box on Blogger

Tutorial MavsCorner October 29, 2013

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 .

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.

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"