Facebook LikeBox popup For Blogger

Advertising on social networking services is only the way of getting more traffic on your blogs. But now I'm going to introduce all time facebook popup like box for blogger blog. It seems to get more likes on your facebook fanpage. By getting more subscribers, your blog will be rushed. It is so simple and looking cool.

It appears on the center of the page. This popup shows the like box with pictures those who are already like your page. It shows even for page loads by the same visitor. It enables good facebook support. It is the curious way of targeting more people to drive into your blog. We are recommending this to use it on your blogs.

Let me explain how to add this all time facebook like box popup to your blogger blog.

Steps To Add This All Time Facebook Popup Likebox To Blogger Blog  

• Login to your Blogger account

• Go to dashboard and move on Layout section 

• Click on Add a gadget link and select HTML/JavaScript option

<style type='text/css'>
#trickstoo-box {
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;
}
#trickstoo-box 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() {
$('#trickstoo-box').animate({top:"50px"}, 1000);
$('a.bsclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='trickstoo-box'>
<!-- Widget by www.trickstoo.com Start -->
<center>
<b><a class="Blogtariff">Don't Forget To Like Us</a></b>
</center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Ffreemiumsoftwares&amp;width=292&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:292px; height:258px;" allowtransparency="true">
</iframe>
</center>
<!-- Widget by http://freemiumsoftwares.blogspot.in 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;">+Get  this at</span> <a target='_blank' style="font-size:xx-small;  color:#3B78CD; text-decoration:none;"  href="#">freebloggingtipstricks/</a></center>
</div>
</div>

Replace freemiumsoftwares with facebook fanpage name of your blog.

That's all. You are done!

Finally, Click on the Save the buton.

If you encounter any problem, feel free and comment below to get a solution. Share your Experience with us by commenting below.

Tweet