How to add facebook like popup box to blogger | add facebook like popup box to blogger

Hello friends today i am going to teach you How to add facebook like popup box to blogger. you are thinking that why am i going to make this tutorial so my answer is here facebook is world's largest social network and all of us want huge number of likes commments and followers on facebook to make our social media network strong so this is a way to increase our followers on facebook thats why i am making this tutorial How to add facebook like popup box to blogger its simply ask our reader to like our page or follow our page before reading our blog content..i hope now you are getting me...now to learn How to add facebook like popup box to blogger just follow my steps.....

Step 1. Login to Blogger account

Step 2. Go to Blogger Dashboard and click on template in left side of Dashboard.

Step 3. Click on Edit HTML as you can see in image...

Step 4. After clicking on Edit HTML press CTRL+F a Search box will be appear then type </body> and search it.

Step 5. Copy the Below Code and paste Above </body>.
<style type='text/css'>
#how2bloggertipsFBpop {
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;
}
#how2bloggertipsFBpop a.how2bloggertipsclose {
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 type='text/javascript'>
$(window).bind("load", function() {
// Animate Top
$('#how2bloggertipsFBpop').animate({top:"150px"}, 1000);
// Widget by www.ibloggertraffic.blogspot.com
$('a.how2bloggertipsclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='how2bloggertipsFBpop'>

<center>
<b>Don't Forget To Join US Our Community</b></center>
<center>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fhow2bloggertips&width=300&height=258&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false&appId=196282097100252' style='border:none; overflow:hidden; width:300px; height:258px;'/>
</center>

<a class='how2bloggertipsclose' href='#'>×</a>
<center style='float:right; margin-right:10px;'>
<span style='font-size:xx-small; color:#000; text-decoration:none;'></span>
<a href='http://www.ibloggertraffic.com/2013/10/add-facebook-like-popup-box-for-blogger.html' style='font-size:xx-small; color:#3B78CD; text-decoration:none;' target='_blank'>Widget</a></center>
</div>

Replace How2bloggertips to your facebook page name.

Step 6. Save template thats it...
if this tutorial is helpfull for you then comment below for any query feel free to comment...

</body