facebook page html code Archives - Blogspot Tutorial - All About Blogger Tips and Tricks

Tag Archives: facebook page html code

How to Facebook Widget For Blogger Sidebar

Like Box, the option is the best option for Blogger, WordPress, and many another blog sites to connect their Facebook page with her/his website. Its design looks simple and stylish and you can change its colors and compare with your blog colors. It is a facebook plugin option and it allows page admin to promote their FB page and embed HTML code and easily feed of content from a page into another website. ( If you are a beginner in blogging then you should create a free blog first. you can read our 1st post. )
So we are using blogger and we will show you here that how to create a Facebook widget for blogger sidebar. We will Describe you with pictures. Ok, Let’s start.

Go to the Facebook social plugin Site. And there will be open form looks like below button.

facebook-like-box-widget
facebook page plugin form
Enter Facebook page URL here. There is your facebook page URL.
Note: If you do not select your username then you should select it first and after final URL past here.
You can select your width and Height etc..   and there is al
so extra features that you can see in this pictures.
You can use the extra feature like below.
  • Use Small Header
  • Adapt to the plugin container width
  • Hide Cover Photo
  • Show Friend’s Faces

 

When you check in this anyone feature then you can see preview below the Form, and after select your Design, Press get the code Button.
Your Final FB box looks like this
fb-like-box-widget
Final facebook like box widgets Preview

Ok, After that steps, a new window will be open and then select iframe and get the HTML code.

facebook-iframe-html-code
Facebook iframe HTML like box code
Copy this code and come back in your blogger section and go to Layout option.and add new gadgets.
add-a-gadget-in-blogger
blogspot layout section

And after add new gadgets, go to HTML/Javascript option and paste there that code.
Click to save button and then open your website and see your like box in the Sidebar. It Done.

how-to-add-html-code-for blogger
how to HTML/Javascript code in blogger
I hope you got it. if you like this post then please join our social media network.