Home » » Pop-Up For Facebook Like Box

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(http://4.bp.blogspot.com/-rNUTIpDQ21s/T0NqE_vv6GI/AAAAAAAACps/GSoWE2n9Oy8/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 :)

0 comments:

Post a Comment

Blogger WidgetsBlog statistics Widget For Blogger
Ping your blog, website, or RSS feed for Free