The only requirement to add Facebook like button/box is to have a Facebook page for your site. If you don't have than create a Page for your site. I have also share a post about How to Create a Facebook Page. There are several Facebook widgets available for Blogger. In this post I am gonna show how to add Facebook button/box to Blogger. Lets see how to do it.
Adding Facebook Like button to Blogger:
- At first sign in to your blogger account.
- Then click on Template and then click Edit HTML.You will land on the HTML page of your blog.
- Now copy the below code and paste the code just Below the <body> tag.
- Then click on Save Template button.
- Then go to Layout and click Add a gadget link. Then from the gadget list select HTML/JavaScript.
- Then Paste the below code there and save it.
- Then place the Gadget wherever you want to show it.
| <div id="fb-root"></div> <script>(function(d, s, id) { 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> |
| <div class="fb-like-box" data-href="http://www.facebook.com/iTTimesbd" data-width="240" data-height="350" data-show-faces="true" data-stream="false" data-header="true"></div> |
Customization: The Red part of the Second Code.
- Name: The name iTTimesbd should be replaced with you Facebook page name.
- Width & Height: You can increase or decrease you Facebook plugin width and height.
Stay with www.iTTimesbd.com for more IT related Post
No comments:
Post a Comment