How To Add Together Facebook Like/Fan Box To Blogger
Wednesday, March 25, 2020
Edit
A Facebook Fan Box or Like Box is a corking plugin that allows weblog visitors to subscribe to your weblog updates via their Facebook accounts, without leaving your blog. Once subscribing (by pressing the similar button), visitors volition have your most recent weblog updates on their Facebook page. This box besides displays faces of the "likers" on your blog. Before creating a fan box, you lot should already bring a Facebook fan page. If you lot haven't already done so, delight run across hither How to Create a Facebook Fan Page.
2. Next, catch this page: https://developers.facebook.com/docs/plugins/page-plugin
3. Paste your URL into the Facebook Page URL field, equally it is shown below:
Note: If you lot don't desire to display the timeline of your Facebook page, take the "timeline" text nether the "Tabs" section. You tin besides specify the Width together with Height of the Facebook fan box together with alter other several options such equally using a Small Header, hiding Cover Photo together with Show Friend's Faces.
4. Once you lot are satisfied alongside the looks of the Like Box, click on the "Get Code" button
5. Next, you'll live on given 2 code options: JavaScript SDK together with IFRAME. The i nosotros volition role for this tutorial is the iFrame code. Select it together with re-create the code generated inwards this box equally shown inwards the screenshot below:
7. Once the pop-up window appears, scroll downwards together with direct the 'HTML/JavaScript' gadget:
8. Paste the iFrame code inwards the empty HTML box:
9. Click the 'Save' push together with you're done adding the Facebook Like or Fan box to Blogger.
How to Create a Facebook Like Box
1. Find out your Facebook fan page URL yesteryear visiting your Facebook fan page together with re-create the URL inwards the address bar - you lot tin run across how your URL should expect similar inwards this screenshot:2. Next, catch this page: https://developers.facebook.com/docs/plugins/page-plugin
3. Paste your URL into the Facebook Page URL field, equally it is shown below:
Note: If you lot don't desire to display the timeline of your Facebook page, take the "timeline" text nether the "Tabs" section. You tin besides specify the Width together with Height of the Facebook fan box together with alter other several options such equally using a Small Header, hiding Cover Photo together with Show Friend's Faces.
4. Once you lot are satisfied alongside the looks of the Like Box, click on the "Get Code" button
5. Next, you'll live on given 2 code options: JavaScript SDK together with IFRAME. The i nosotros volition role for this tutorial is the iFrame code. Select it together with re-create the code generated inwards this box equally shown inwards the screenshot below:
Adding the Facebook Fan Box to Blogger
6. Log inwards to your Blogger account, become to 'Layout' > click on the 'Add a Gadget' link7. Once the pop-up window appears, scroll downwards together with direct the 'HTML/JavaScript' gadget:
8. Paste the iFrame code inwards the empty HTML box:
9. Click the 'Save' push together with you're done adding the Facebook Like or Fan box to Blogger.