How to add a Facebook Like Box in blogger - My Widget House
Facebook is now the famous most social media platform in the public. And everyone is looking for the ways to increase the social fans on Facebook. Also I am looking to the most bloggers searching to add a Facebook Like Box in blogger.
Many bloggers will be feeling lucky today to find the Facebook Like Box today. And also it is very easy to install. Because most of the websites are showing the difficult process to install the Facebook Like Box in the blogs. Which is actually a time consuming task. And as we know that time is much important for the professional bloggers.
Adding a like box in blogger or any other website is just a very simple task. You just need to follow the steps below to add a Facebook Like Box in the blogger.
Adding a Facebook Like Box in blogger
So, dear bloggers lets start the easiest way to install the Facebook Like Box in your blogs. From which you will be able to get more Likes on your Facebook page. You just need to follow the simple most steps below.
Step 1
Log in to your Blogger Account.
Step 2
Click on the Layout in the left menu of your website. Select the desired place where you want to add the Facebook Page Like Box. And then click on + Add a Gadget button. As I shown you in the picture below.
Step 3
Copy the entire Facebook Page Like Box code from the code box below.
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FMy-Widget-House-1535498276547628%2F&tabs&width=340&height=214&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=251804055361807" width="340" height="214" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowtransparency="true"></iframe><center>
<font size="1">Powered by</font> <font size="1.5"><a href="https://mywidgethouse.blogspot.com/">My Widget House</a></font></center>
Now change the codes as follows:<font size="1">Powered by</font> <font size="1.5"><a href="https://mywidgethouse.blogspot.com/">My Widget House</a></font></center>
- Change the My-Widget-House-1535498276547628 with the user name of your Facebook page.
- Change the width of Box from 340 to your own if needed.
- Change the height of Box from 214 to your own if needed.
Step 4
A new pop up box will be opened, find the HTML/JavaScript and click on + Button in front of it to add it in the Layout.
Step 5
Now paste the code you copied in the newly opened HTML box and Click on orange Save button in the HTML box. Now Click on Save Arrangement in the Layout page.
Now you are all done. Just go to your website and see the new great Facebook Like Box in your website. Enjoy the new change. Don't forget to leave the comment and the links to your blogs where you have applied this code.
Thank you so much. We have used your widget in our website. Its working there. Your widgets and designing tips are very useful and our blog is looking more professional now. see hazarajobs.blogspot.com
ReplyDeleteGood to see our widget in your website. We are very happy to help you
DeleteThanks for your comment
Great Widget check it on iftikharelectric.blogspot.com I used it there and many other widgets of My Widget House.
ReplyDeleteGood to see our widget in your website. We are very happy to help you
DeleteThanks for your comment
Are you looking to design your blog? Or to add any widget in your blog?
ReplyDeletewe provide you the solution of your this problem just only in a single platform.
You can visit our website for all details: mywidgethouse.blogspot.com
Or directly go on the particular topic below:
1. How to add html code box in blogger post?
https://mywidgethouse.blogspot.com/2018/02/how-to-add-html-code-box-in-blogger-post.html
2. How to Change Text Selection Colour in Blogger?
https://mywidgethouse.blogspot.com/2018/02/how-to-change-text-selection-colour-in.html
3. How to Add Page Number Navigation in Blogger?
https://mywidgethouse.blogspot.com/2018/02/how-to-add-page-number-navigation-in.html
4. How to change comment box style with CSS?
https://mywidgethouse.blogspot.com/2018/02/how-to-change-comment-box-style-with.html
5. How to add weather widget in blogger?
https://mywidgethouse.blogspot.com/2018/02/how-to-add-weather-widget-in-blogger-my.html
6. How to add a Facebook Like Box in blogger?
https://mywidgethouse.blogspot.com/2018/02/how-to-add-facebook-like-box-in-blogger.html
7. How to Customize Read More Button in Blogger?
https://mywidgethouse.blogspot.com/2018/02/how-to-customize-read-more-button-in.html
8. How to Change Powered by Blogger Footer Attribution from a Blog?
https://mywidgethouse.blogspot.com/2018/03/how-to-change-powered-by-blogger-footer.html
9. How to Change Scroll Bar Style in Blogger?
https://mywidgethouse.blogspot.com/2018/03/how-to-change-scroll-bar-style-in.html
10. How to Add Favicon in Blogger?
https://mywidgethouse.blogspot.com/2018/03/How-to-Add-Favicon-in-Blogger-My-Widget-House.html
11. Add social share buttons in blogger
https://mywidgethouse.blogspot.com/2018/03/add-social-share-buttons-in-blogger-my-widget-house.html
12. How to remove subscribe to post atom and subscribe to post comment from blog?
https://mywidgethouse.blogspot.com/2018/03/How-to-remove-subscribe-to-post-atom-and-subscribe-to-post-comment-from-blog-My-Widget-House.html
13. How to Enable or Disable Comments in Blogger Posts or Page?
https://mywidgethouse.blogspot.com/2018/03/How-to-Enable-or-Disable-Comments-in-Blogger-Posts-or-Page-My-Widget-House.html
14. Eligibility Criteria of Google Adsense for Blogger?
https://mywidgethouse.blogspot.com/2018/03/eligibility-criteria-of-google-adsense.html
15. How to center Blogger Pages Menu?
https://mywidgethouse.blogspot.com/2018/03/How-to-center-Blogger-Pages-Menu-My-Widget-House.html
16. How to add related post widget in blogger post?
https://mywidgethouse.blogspot.com/2018/03/How-to-add-related-post-widget-in-blogger-post-My-Widget-House.html
17. How to add jump break or read more link in blogger post?
https://mywidgethouse.blogspot.com/2018/03/How-to-add-jump-break-or-read-more-link-in-blogger-post-My-Widget-House.html