Add Simple Facebook Like Box To Blogger Blog

Facebook Like Box on Blogger

Do you guys want to know the fans of your blog/site ? Of course there are several tools or widget that helps you to find the followers or fans of your blogger blog. But among them, using of Facebook like box now is the best and easy way. The Facebook offers many open plugins or widgets and Facebook like box is one of the most popular plugin/widget of Facebook.

In this tutorial you can find a simple Facebook Like Box that you can customize easily using some css. If you have little bit knowledge about html/css, then you can easily customize this like box. Customized Facebook Like Box may be colorful and beautiful if you want. This may grow number of fans and followers into your blog.

How to Add default/Simple Facebook Like Box to blogger blog

Lets follow step by step solution to add simple/default like box to your blog.

Step 01: Go to Login page of blogger and enter into dashboard.

Step 02: Now move to Layout page and click on Add Gadget link.

Step 03: Find Html/Javascript gadget and select it.

Step 04: After selecting html/javascript, there will pop up a box where you should paste the following codes:

<div style="background:orange; padding:5px;">
  <div style="height: 260px; overflow: hidden;"> <a href="http://allblogsolution.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips and Tricks"><img src"http://bit.ly/1TGieQ3" alt="All Blogging Tips and Tricks" border="0" style="position: fixed; bottom: 9%; right: 0%; top: 0px;" /></a><a href="http://allblogsolution.blogspot.com/" rel="dofollow" target="_blank" title="Basic Blogger Tips and Tricks"><img src="http://bit.ly/1TGieQ3" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://allblogsolution.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="http://bit.ly/1TGieQ3" alt="All Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 9%; left: 0%;" /></a>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fallblogsolution&amp;width=260&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:258px;" allowtransparency="true"> </iframe>
  </div>
</div>

Note: You should change or replace allblogsolution with your own Facebook user name

Step 05: Now save the html/javascript gadget and template.

Tweet