How to add Facebook Popup Like Box Widget


Facebook Popup (Like Box Widget) 


Image a respective property of THE BLOG WIDGETS

Have you been looking for a way to increase your Facebook like count? There is no amazing way to do that than to check this out. It is one of the fantastic ways to increase the likes on your website or blog Facebook page. Basically, what this widgets does is to pop up with a light box effect anytime your site receives a new visitor or user, It shows up 20sec after your page loads. If you are thinking whether it would work, why not check it out and tell me how it feels like to have it installed on your site. 
Just watch your page like increase……………

  • Log in to your blogger dashboard
  • Go to yor layout section
  • Add a new gadget 
  • select HTML
  • Paste the code below in the box...........
  • Edit it by changing my username in green colour to yours...............




<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.
If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->
<style type="text/css">
/***********************************************
* CSS POP-UP With Light Box Effect- © New Facebook Tips Trick (http://new-facebook-tipstricks.blogspot.com/)
* This notice must stay intact for use.
* Visit http://new-facebook-tipstricks.blogspot.com/ for full source code.
***********************************************/
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
#exestylepopup {background-color: #fff; overflow:none;}
.exestylepopup {width:400px; height:300px; position:fixed; top:50%; left:50%; margin-top:-150px; margin-left:-200px;}
</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 style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">
<img src="https://lh6.googleusercontent.com/-uSW_8HWcJII/T9shJ_kvWwI/AAAAAAAACgI/9xs1KMJtUtc/s40/exeideasclose.png"/>
</center>
<div id="exestylepopup" class="exestylepopup">
<center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">
<img src="https://lh6.googleusercontent.com/-uSW_8HWcJII/T9shJ_kvWwI/AAAAAAAACgI/9xs1KMJtUtc/s40/exeideasclose.png" />
</center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F100computertech&width=400&height=300&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:390px; height:260px;" allowtransparency="true"></iframe>
</div>
</div>
</div>
<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.
If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->



How to Customize

If you have installed the widget by using the ADD TO BLOGGER button, then you have to locate it in your HTML to be able to make changes to it manually. first, go to your blogger dashboard and go to layout. click edit on the "HTML/JavaScript" gadget you believe carry's the newly widget you just installed.
Search for the Facebook page name like
100computertech  and  replace it with your own Facebook page name



>>>>>>>>>>>>>>>>>>>>Thanking for passing by.. happy blogging..>>>>>>>>>>>>>>>>>>>>>>

0 default, disqus:

Post a Comment