Friday, 26 December 2014

How to add facebook like box to blogger


Add Facebook Like Box Widget

You can add facebook like box widget for blogger easily with follow some simple steps:

Step 1

Log in into Blogger Dashboard and Go to Layout then click on Add a Gadget link as shown in below picture.

Facebook Like Box Widget


Step 2

Add HTML/JavaScript as shown in below picture.

Facebook Like Box For Blogger


Step 3

Insert below code into box.
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2
F
onlinebloggingtipz&amp;width=300&amp;
height=190&amp;show_faces=true&amp;colorscheme=light&
amp;stream=false&amp;border_color&amp;header=false"
scrolling="no" frameborder="0" style="border:none;
overflow:hidden; width:312px; height:190px;" allowtransparency="true"></iframe>
<a href="http://www.haakblog.com/2014/02/download-best-blogger-templates-of-2014.html" rel="dofollow" target="_blank" title="blogger templates"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger templates" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://www.haakblog.com/2014/10/facebook-like-box-widget-for-blogger.html" target="_blank" title="Facebook Widget">Facebook Widget</a></div>
Tips: Change onlinebloggingtip to your facebook page name. You can also change Width and Height as your requirement.

Step 4

Click on save button.

No comments:

Post a Comment