Pop-Up For Facebook Like Box

I

had given you a lot of facebook pop-up widget in my older post and in this post i give you facebook type pop-up box for facebook like box, this widget created by me , and hope you like this widget , you can see demo for this widget by clicking demo button below.

Demo

How To Add This Widget To Blogger?

• Go tho Blogger-->Template--->Edit HTML

• Click on Expand Widget Template
• Search for </head> in your blogs HTML
• Copy and Paste Code Below Just Above/Before </head>

<style type='text/css'>
#makingdifferentpopup{
position:absolute;
top:100px;
z-index:999;
display:none;
padding:0px;
right:600px;
border:10px solid #6F6F6F;
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
width:400px;
height:360px;
overflow:hidden;
}
#makingdifferentpopup h1{
background:#6d84b4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoOaZpacph_W6Cd_k4vpMo06LKoONuOZf5iVJegPUSLc2q9VcV3GPPEgdSPcRPVDnolJgbggpcQpoZNi04HPPWpm27qKu2ned5QO4vS0f97TRDEBY_RVINFqEpGgxy8_XllpGo6Z5RvV1L/s1600/%255Bwww.gj37765.blogspot.com%255Dh1.png) 98% no-repeat;
border:1px solid #3b5998;
color:#FFFFFF !important;
font-size:20px !important;
font-weight:normal !important;
padding:5px !important;
margin:0 !important;
font-family:'"lucida grande",tahoma,verdana,arial,sans-serif;
overflow:hidden;
}
#htmlground{
font-size:12px !important;
font-weight:normal !important;
height:260px;
padding:1px;
background:#fff !important;
border-bottom:2px solid #ddd;
overflow:hidden;
}
#mdfooter{
background:#F2F2F2;
height:56px;
padding:10px 10px 10px 10px;
overflow:hidden;
}
#makingdifferentpopup a{
background-color:#eee;
border:1px solid #ccc;
color:#111;
font-weight:normal;
padding:5px 8px 5px 8px;
text-decoration:none;
display:inline-block;
font-family:'"lucida grande",tahoma,verdana,arial,sans-serif;
outline:none;
position:relative;
font-size:18px;
margin:1px;
}
#makingdifferentpopup a:active{
top:1px;
left:1px;
}</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

• Save your template

Adding HTML Code

• Replace my Facebook URL with yours
• Click on Add to Blogger Button to add this widget to your blog.

Your Facebook Page URL : 

Drop Your Comments And Questions Below :)