How to Add Facebook popup Widget for Blogger

Facebook popup Widget for Blogger:

Here’s a fantastic way to increase facebook likes for your blog or website. Add this enticing widget to your website and a facebook like box will pop up with the lightbox effect when a user visits your page.

Also Read: How to Add Google+ Popup Followers Widget for Blogger

What is Facebook popup Widget:

How it is useful for your Blog/Website? It is useful as a visitor click on your website there will be automatic popup of this widget. If a visitors wants to like your facebook page, he will like the page without doing anything further. 

Tags: Facebook popup Widget, Facebook, Facebook popup Widget for blogger, Facebook popup, Facebook Widget, Blogger widget, how to add popup widget, how to, blogger, Blogging tips

Also Read: How to Submit Your Blog and get Index in 24 Hours

How to Add Facebook PopUp Widget on your Blog:

• Open the Blog on which you want to add this widget
• Go to > Layout > Add a Gadget
• Select HTML/JavaScript after this
• Put this code given below

Copy The Below Code.

<style type="text/css">
/***********************************************
www.bloggingride.blogspot.com
***********************************************/
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv8HiWVTla3is8E1-uYEiyjqng5_W2kLI-5_Qdnq7t8YZU6Uwf3biaAwoPJyjfYJK-mSLWCgSAYbcSqv8ef0lwVZ7hBsjCauyV89dJjnNxabiMvs2f69aFYthbLZdVwjbYMgwipLYgkg/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
#exestylepopup {z-index:9999;background-color: #fff; overflow:none;}
.exestylepopup {width:400px; height:440px; position:fixed; top:45%; left:50%; margin-top:-220px; margin-left:-200px; border: 10px solid #999; padding: 20px;}
.exe-title {background:#000;color: #fff;font-size: 20px !important;font-weight:bold;margin:5px 0;border:20px solid #ddd;padding:10px;line-height:25px; font-family:arial !important;}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->
<div id="exestylepopupdiv">
<div id="exestylepopup" class="exestylepopup">
<center><h3 class="exe-title">Receive All Updates Via Facebook. Just Click The Like Button Below...</h3></center>
<center>
<div id='fanback'><div id='fan-exit'></div><div id='fanbox'><div id='fanclose'></div><div class='remove-borda'></div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?

href=http://www.facebook.com/Virtual-Study-Solutions-364090163924393&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
</div></div>
<script type="text/javascript">
(function() {
window.___gcfg = {'lang': 'en'};
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</center>
<br />
<center style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://bloggingride.blogspot.com/">Blogging Ride</a></center>
<center style=" float:left; margin-left:35px; font-size:9px;cursor:pointer;" ><a style=" font-size:9px; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">Skip To Continue</a></center>
</div>
</div>
<!-- www.bloggingride.blogspot.com -->

Final Step:

Now Change The “Red” Color Text With Your With your Google+ Profile Link.
and “Blue“ Color Text With Your Text.(What You Want To Show On the widgets head
Click Save and you are done.

Also Read: How to add Ajax Based Sitemap Widget For Blogger

I hope you liked this article and Facebook Pop Upwidget. This is a simple a widget to increase your fan following of your profile in order to Increase your blog traffic.

Read More