How to Add Facebook Popup Like Box Widget to Blogger

Facebook is the leading social media service with its billions of active users. Millions of people Login to their accounts at least once a day. For Bloggers Facebook is one of the best traffic increasing strategies. Thousands of bloggers are getting most of their blog traffic from Facebook by creating their Fan Pages. But increasing Facebook Fan page likes is also a hard job.

Here comes the concept of Facebook Popup Like Box. If you're thinking that How it works then here's the answer. Whenever a visitor visits blog/site this popup widget automatically pops up on screen and shows Facebook Like Box with a Like Button. If the user doesn't want to like your page then by just clicking the cross button the popup will disappear.

Facebook Popup Like Box is a great way for increasing your social media activity and your blog traffic. Thousands of bloggers are using this technique for increasing their traffic and now its time for you to boost your Fan Page likes and Blog Traffic by using this Popup box. In this tutorial we'll show you that How to Add a Facebook Popup Like Box Widget to Blogger.

How to Facebook Popup Like Box Widget to your Blog

First and foremost, log in to your Blogger Account >> Select a Blog >> Layout >> Click Add a Gadget, scroll down and select HTML/JavaScript gadget from the list. Now copy the below code and paste it in the empty widget box

<!-- Widget by www.blogolect.com -->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /><script src="http://code.jquery.com/jquery-1.9.1.js"></script><script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script><link rel="stylesheet" href="/resources/demos/style.css" /><script>$(function() { $( "#dialog" ).dialog(); }); </script>  <div id="dialog" title="Get Updates via Facebook">
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fblogolect.official&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:285px; height:258px;" allowtransparency="true"></iframe></center>
<center style="float:center; margin-right:0px;"><a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href="http://www.blogolect.com/2014/12/facebook-popup-like-box-widget-for-blogger.html">Get this Popup Widget</a></center>
</div>
<!-- Widget by www.blogolect.com -->

• Replace blogolect.official with your Facebook Fan Page Username

Click Save button and you're done!

We hope this article may have helped you in adding Facebook Popup Like Box Widget. Share this article with your friends, don't forget to subscribe us and Join our Bloggers Forum on Facebook @ https://www.facebook.com/groups/blogolectforum

Share This:

Tags:

Widgets

• Prevoius
• Next