How to Add Facebook Popup Like Box On Blogger

You can increase your Facebook page like with the help of  Add Facebook Popup Like Box On Blogger. when any Visitor on your blog will see Facebook like box then he will sure like your facebook button. It will automatically popup on you page. Facebook like box will increase traffic on you blog because of Facebook is the biggest social site in the world.
Add Facebook Popup Like Box On Blogger

 

Add Facebook Popup Like Box On Blogger


1. First Login on your blogger and then Go to Dashbord and then click on Layout .


Add Facebook Popup Like Box On Blogger





















 
2.Now Click on Add a Gadget .

 













3. Now Scroll Down and Select HTML/JavaScript Gadget .

Add Facebook Popup Like Box On Blogger

 

 

 

 

 

 

 

4. Now Copy below code and Paste on HTML/JavaScript Gadget


<style type=’text/css’>#comnetworks {position:fixed !important;position:absolute;top:200px;left:40%;margin:0px 0px 0px -182px;width:340px;height:auto;padding:16px;background:#FEFEFE;font:normal Dosis, Georgia, Serif;color:#111;border:2px solid #333;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);box-shadow:0px 1px 2px rgba(0,0,0,0.4);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}#comnetworks a.bsclose {position:absolute;top:-10px;right:-10px;background:#fff;font:bold 16px Arial, Sans-Serif;text-decoration:none;line-height:22px;width:22px;text-align:center;color:#000000;border:2px solid #333;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);box-shadow:0px 1px 2px rgba(0,0,0,0.4);-webkit-border-radius:22px;-moz-border-radius:22px;border-radius:25px;cursor:pointer;}</style> <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js”></script><script type=’text/javascript’>$(window).bind(“load”, function() {// Animate Top$(‘#comnetworks’).animate({top:”50px”}, 1000);$(‘a.bsclose’).click(function() {$(this).parent().fadeOut();return false;});});</script><div id=’comnetworks’><!– Widget by www.com-networks.com Start –><center><b><a class=”comnetworks”>Get Daily Update Via Facebook </a></b></center><center><iframe src=”//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FComputerNetworkingtricks&amp;width=295&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=true&amp;header=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:295px; height:258px;” allowtransparency=”true”></iframe></center><!– Widget by www.www.com-networks.com End –><a class=’bsclose’ href=’‘>&times;</a><center style=”float:right; margin-right:10px;”><span style=”font-size:xx-small; color:#000; text-decoration:none;”>Computer Tips and Tricks</span> <a target=’_blank’ style=”font-size:xx-small; color:#3B78CD; text-decoration:none;” href=”http://www.technet2u.com/2013/10/how-to-add-facebook-popup-like-box-on.html”>Get this Widget on your Blog</a></center></div>

 

5.  Now find “ComputerNetworkingTricks ” and replace with your Facebook page User ID .

6. Now Click on Save.
Now Pop-up Facebook Like Box has been setup on your blog, now Reload your Web Page then you will see that it will Pop-up.
 

Related Post

Share This onShare on FacebookTweet about this on TwitterShare on LinkedInShare on RedditShare on StumbleUponShare on Google+Pin on PinterestBuffer this pageShare on Tumblr
Rakesh Kumar
at
Rakesh Kumar is a Network engineer and a Blogger. He is crazy for learn and write about Technology , Tech and Computer Tips and Tricks Blog.