Crazy Computer World: FB Like Box Popup Window

<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="entry-title" style="background-color: white; border-bottom-color: rgb(42, 42, 42); border-bottom-style: solid; border-width: 0px 0px 3px; color: #333333; font-family: Bitter, serif, sans-serif; font-size: 22px; font-weight: normal; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
</h1>
<div>
 </div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMsMm6OtBsWvxUZjlYJmeF1VX98jwil5yaB7HVf77XmRrScuLykEdfwF_rmcL6mWEQjTY9aYJjgwWgKvRNAwR69N7jlB894uOx6GEFm6RAyt-Y7YdLIPenNiHV8latkeOvGyy-AUJ5JDyG/s1600/bcf.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMsMm6OtBsWvxUZjlYJmeF1VX98jwil5yaB7HVf77XmRrScuLykEdfwF_rmcL6mWEQjTY9aYJjgwWgKvRNAwR69N7jlB894uOx6GEFm6RAyt-Y7YdLIPenNiHV8latkeOvGyy-AUJ5JDyG/s1600/bcf.jpg" width="290" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
 
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif;">
Facebook like popup box for blogger, wordpress and websites</div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif;">
Generally we use this widget to get more Facebook likes. After install this when someone visit you any blog page it will display on the front which ask your visitors to like the page and its very simple and clean. So just copy and paste this code scrolling facebook like box to your and enjoy fb likes. Thanks....</div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif;">
 Floating Facebook like box for blogger, wordpress and websites</div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif; text-align: center;">
 </div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS2gNtWJCw7GcJX5SRX91EuZZz3HIlIsUtxivMdtJ73cn1rmDJj73Re0GkujlSQzwjZnEG9sp1MOCeM1928ZmH2Y9swJ2elaxketUg13KPGIQOP-dOGPtdyOV1Li1WWWkgGKBHLe80kQ/s1600/TECHIEE9(LIKEBOX).jpg" imageanchor="1" style="color: #19529e; margin-left: 1em; margin-right: 1em; outline: none;"></a></div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif; text-align: center;">
 </div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif; text-align: center;">
 </div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif;">
 </div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif;">
Steps to use code on Blogger :</div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif;">
 </div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif;">
1.  Go to blogger dashboard</div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif;">
2.  Select Layout</div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif;">
3.  Click  Add a gadget</div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif;">
4.  A Dialog Box will appear  > Select HTML/Java Script box</div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif;">
5.  paste the code into the box</div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif;">
6.  Click  Save Button</div>
 
 
<h1 class="entry-title" style="background-color: white; border-bottom-color: rgb(42, 42, 42); border-bottom-style: solid; border-width: 0px 0px 3px; color: #333333; font-family: Bitter, serif, sans-serif; font-weight: normal; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
 </h1>
 
Copy the below Code: Note: Do not Edit The code. Otherwise it will not Work.Here is code: 
 
<style type="text/css"> 
#techiee9FBpop { 
position:fixed !important; 
position:absolute; 
top:-1000px; 
left:50%; 
margin:0px 0px 0px -182px; 
width:300px; 
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; 
} 
#techiee9FBpop 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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(window).bind("load", function() { 
// Animate Top 
$('#techiee9FBpop').animate({top:"50px"}, 1000); 
// Widget by www.techiee9.com 
$('a.bsclose').click(function() { 
$(this).parent().fadeOut(); 
return false; 
}); 
}); 
</script> 
<div id="techiee9FBpop"> 
 
 
 
<center> 
<a class="Techiee9" href="https://www.facebook.com/HindiAnimes2013">Don't Forget To Join With Our Community</a></center> 
<center> 
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F322219577917630&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false" style="border: none; height: 258px; overflow: hidden; width: 292px;"></iframe></center> 
 
<a class="bsclose" href="https://www.facebook.com/HindiAnimes2013">×</a> 
 
<center style="float: right; margin-right: 10px;"> 
+Get this at <a href="http://crazycomputerworld1.blogspot.in//" style="color: #3b78cd; font-size: xx-small; text-decoration: none;" target="_blank">Crazy Computer World</a></center> 
</div> 
<div>
 </div>
<div>
<h1 class="entry-title" style="background-color: white; border-bottom-color: rgb(42, 42, 42); border-bottom-style: solid; border-width: 0px 0px 3px; color: #333333; font-family: Bitter, serif, sans-serif; font-size: 22px; font-weight: normal; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
</h1>
</div>
<div>
 </div>
<div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif; text-align: justify;">
Find this and replace the highlighted text with your facebook page username:</div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif; text-align: justify;">
 </div>
<div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif; text-align: justify;">
href=https%3A%2F%2Fwww.facebook.com%2F322219577917630&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false" style="border: none; height: 258px; overflow: hidden; width: 292px;</div>
</div>
 
 
<h1 class="entry-title" style="background-color: white; border-bottom-color: rgb(42, 42, 42); border-bottom-style: solid; border-width: 0px 0px 3px; color: #333333; font-family: Bitter, serif, sans-serif; font-weight: normal; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
 </h1>
<div>
 </div>
</div>

FACEBOOK LIKE POPUP BOX FOR BLOGGER, WORDPRESS AND WEBSITES

Facebook like popup box for blogger, wordpress and websites Generally we use this widget to get more Facebook likes. After in...

+ Read more »