{"id":4784,"date":"2020-10-26T06:50:05","date_gmt":"2020-10-26T06:50:05","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=4784"},"modified":"2021-06-01T08:54:54","modified_gmt":"2021-06-01T08:54:54","slug":"how-to-add-facebook-widget-on-blogger-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-add-facebook-widget-on-blogger-website\/","title":{"rendered":"How to Add Facebook Widget on Blogger Website"},"content":{"rendered":"\n<p>Embedding Facebook Widget on Blogger is easy using Taggbox Widget. Follow the simple step by step guide to add <a href=\"http:\/\/taggbox.com\/facebook-widget\/\">Facebook Widget<\/a> on Blogger websites.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p>Try <em>TaggBox Widget &#8211;&nbsp;<a href=\"https:\/\/app.taggbox.com\/widget\/accounts\/register\">Start your 14 days&nbsp;For Free Now<\/a><\/em><\/p><\/blockquote>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Embed Facebook Widget on Blogger Website:<\/strong><\/h2>\n\n\n\n<p><strong>1.<\/strong> Sign Up&nbsp;with 14 days&nbsp;For Free&nbsp;or&nbsp;Log in&nbsp;if you have an existing account of&nbsp;<a href=\"https:\/\/app.taggbox.com\/widget\/\">Taggbox Widget<\/a>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1302\" height=\"696\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-5.png\" alt=\"Facebook widget for blogger\" class=\"wp-image-5134\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-5.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-5-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-5-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-5-768x411.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>2.<\/strong> You will be taken to&nbsp;<strong>Taggbox Widget Dashboard<\/strong>.&nbsp;<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1302\" height=\"696\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-6.png\" alt=\"Facebook widget for blogger\" class=\"wp-image-5135\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-6.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-6-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-6-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-6-768x411.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>3.<\/strong>&nbsp;Click on the \u201c<strong>Add Social Feeds<\/strong>\u201d option to start adding Facebook feeds to your widget.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1302\" height=\"696\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-5.png\" alt=\"Facebook widget for blogger\" class=\"wp-image-5137\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-5.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-5-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-5-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-5-768x411.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>4.<\/strong> A pop-up with&nbsp;<strong>\u201cPick a source\u201d&nbsp;<\/strong>will appear, select&nbsp;<strong>Facebook<\/strong> as your aggregating source.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"745\" height=\"619\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-9.png\" alt=\"adding Facebook widget to blogger\" class=\"wp-image-5139\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-9.png 745w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-9-300x249.png 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/figure><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p>Tip 1: You can also add multiple feeds from multiple sources like Instagram, Facebook, Twitter, Youtube, etc all in one widget.<\/p><\/blockquote>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>5.<\/strong> A new box will appear with&nbsp;<strong>\u201cCreate Facebook Feed\u201d<\/strong>&nbsp;options to aggregate:<\/p>\n\n\n\n<p><strong>You can aggregate feeds from the following sources:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Page\u00a0<\/strong>\u2013 enter the URL of the page you want to aggregate feeds from.<\/li><li><strong>My Profile Posts\u00a0<\/strong>\u2013 Login to Facebook directly to fetch your handle feeds.<\/li><li><strong>Albums\u00a0<\/strong>\u2013 Enter the URL of the <a href=\"https:\/\/taggbox.com\/blog\/embed-facebook-photo-album-on-website\/\">Facebook Photo album<\/a> to get the photos from the Album<\/li><li><strong>Page Reviews<\/strong>\u00a0\u2013 Get <a href=\"https:\/\/taggbox.com\/blog\/embed-facebook-reviews-on-website\/\">reviews of your Facebook page<\/a>.<\/li><li><strong>Page Mentions<\/strong>\u00a0\u2013 Get all feeds in which your Facebook Page is mentioned.<\/li><\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"638\" height=\"375\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Create-Facebook-Feed-2.png\" alt=\"add Facebook widget\" class=\"wp-image-5138\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Create-Facebook-Feed-2.png 638w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Create-Facebook-Feed-2-300x176.png 300w\" sizes=\"(max-width: 638px) 100vw, 638px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>6.<\/strong> Choose your aggregating method and enter the input accordingly.<\/p>\n\n\n\n<p>Finally, Click&nbsp;<strong>\u201cCreate Feed\u201d&nbsp;<\/strong>button.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>7.<\/strong> A <strong>&#8220;Continue with Facebook&#8221;<\/strong> pop-up will appear; proceed to Login&nbsp;to&nbsp;a&nbsp;Facebook account to provide authorization for aggregating.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"400\" height=\"234\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Continue-with-Facebook.png\" alt=\"\" class=\"wp-image-5140\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Continue-with-Facebook.png 400w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Continue-with-Facebook-300x176.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Enter the credentials; in some seconds, your feeds will be displayed on the screen.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p>Tip 2: You can refine the aggregation process, enable the checkboxes on the above options accordingly.<\/p><\/blockquote>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p>Tip 3: Taggbox provides a&nbsp;<strong>\u201cDesign\u201d<\/strong>&nbsp;option to customize the display of your feed, with many options to choose between according to your need.&nbsp;<\/p><\/blockquote>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Steps to Generate Code to Embed Facebook Widget on Blogger Website<\/strong><\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Generate code by following the below steps to embed <a href=\"https:\/\/taggbox.com\/facebook-widget\/blogger\/\">Facebook Widget on Blogger<\/a> website.&nbsp;<\/p>\n\n\n\n<p><strong>1.<\/strong> Click the&nbsp;<strong>\u201cPUBLISH\u201d<\/strong>&nbsp;button on the bottom-left of the screen; You can also see the PREVIEW of how your feeds gonna look on different devices.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1301\" height=\"696\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-2.png\" alt=\"Facebook widget\" class=\"wp-image-5143\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-2.png 1301w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-2-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-2-1024x548.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-2-768x411.png 768w\" sizes=\"(max-width: 1301px) 100vw, 1301px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>2.<\/strong> A new dialog box named&nbsp;<strong>\u201cChoose Your Platform\u201d<\/strong>&nbsp;will appear, select the&nbsp;<strong>HTML&nbsp;<\/strong>logo.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"719\" height=\"451\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-platform-6.png\" alt=\"Facebook add widget\" class=\"wp-image-5150\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-platform-6.png 719w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-platform-6-300x188.png 300w\" sizes=\"(max-width: 719px) 100vw, 719px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>3.<\/strong> A new box named <strong>HTML<\/strong> will appear.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"639\" height=\"288\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-height-24.png\" alt=\"Choose Height HTML\" class=\"wp-image-6865\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-height-24.png 639w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-height-24-300x135.png 300w\" sizes=\"(max-width: 639px) 100vw, 639px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Select auto or set width and height of the widget;<\/p>\n\n\n\n<p>4. Then just click on&nbsp;<strong>GET CODE<\/strong> button and <strong>COPY<\/strong> the generated embed code.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"639\" height=\"414\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/embed-html-code-25.png\" alt=\"Embed Code HTML\" class=\"wp-image-6866\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/embed-html-code-25.png 639w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/embed-html-code-25-300x194.png 300w\" sizes=\"(max-width: 639px) 100vw, 639px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>To Add Facebook Widget On Blogger<\/strong><\/h2>\n\n\n\n<p>Open the HTML code editor and paste the copied code into the body tag section of the Blogger website on any location or page that you want.<\/p>\n\n\n\n<p>Congratulations!! You have successfully embedded Facebook Widget on Blogger website.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p><em>Try TaggBox &#8211;&nbsp;<a href=\"https:\/\/app.taggbox.com\/widget\/accounts\/register\">Start your 14 days&nbsp;For Free Now<\/a><\/em><\/p><\/blockquote>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>If you have any questions or need help, please<a href=\"https:\/\/taggbox.com\/contact-us\/\">&nbsp;Contact us<\/a>&nbsp;or write us at&nbsp;support@taggbox.com.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Embedding Facebook Widget on Blogger is easy using Taggbox Widget. Follow the simple step by step guide to add Facebook Widget on Blogger websites. Try TaggBox Widget &#8211;&nbsp;Start your 14 days&nbsp;For Free Now Embed Facebook Widget on Blogger Website: 1. Sign Up&nbsp;with 14 days&nbsp;For Free&nbsp;or&nbsp;Log in&nbsp;if you have an existing account of&nbsp;Taggbox Widget. 2. You [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[279],"tags":[228,232],"class_list":["post-4784","post","type-post","status-publish","format-standard","hentry","category-integration-widget","tag-facebook-widget","tag-facebook-widget-on-blogger"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/comments?post=4784"}],"version-history":[{"count":0,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4784\/revisions"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=4784"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=4784"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=4784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}