Facebook Popup like box widget for Blogger

Facebook Popup like box widget for Blogger : 

Facebook popup like box widget is one of the important topic for bloggers to get unique and permanent regular visitors. Every blogger need some important ways to get visitors to their blog. Here i will explain you (Blogger) how to arrange a Facebook popup like box. Social marketing is one of the SEO view, So guys follow the steps and keep touch with your Facebook fans. 

Follow the below given steps to add Facebook Popup like box to your Blog  : 

1. Go to Blogger.com and than
2. Select "Layout"
3. and select a widget "HTML & Java Script"
4. Past here the following given code and change Facebook Page Name , which is marked as red color 

<style type='text/css'>

#BhavitainFBpop {

position:fixed !important;

position:absolute;

top:350px;

left:50%;

alignment:center;

margin:0px 0px 0px -182px;

width:500px;

height:60%;

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;

}

#BhavitainFBpop 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

$('#BhavitainFBpop').animate({top:"180px"}, 1000);

// Widget by www.Bhavita.in

$('a.bsclose').click(function() {

$(this).parent().fadeOut();

return false;

});

});

</script>

<div id='BhavitainFBpop'>

<!-- Widget by www.Bhavita.in Start -->

<center><b><a class="Bhavitain">Don't Forget To Join With Our Community</a></b></center>

<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FAPJobSInfo&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 www.Bhavita.in End -->

<a class='bsclose' href='#'>&times;</a>

<center style="float:right; margin-right:10px;">

</center></div>

5. Save your template and check. It will be appeared in your blog.