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/AVvXsEh9tBXfk4ZXofWw_D5hgGEJlaatvwshC8A0w9l-eKuTCzZqRUhofmB8Mj3vNpuAXDSt1Xksd3NP7n4xBvoUWAkuse8-I7zYpAV72M6B_lygfeEh2IZVan-cMLQpqq_rL8RNbEcq3-ZoNcqL/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>
Adding HTML Code
- Replace my Facebook URL with yours
- Click on Add to Blogger Button to add this widget to your blog.
Drop Your Comments And Questions Below :)
| If You Enjoyed This Post Please Take 5 Seconds To Share It. |
Title : Add Facebook type Pop-Up For Facebook Like Box To Blogger
Description : 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 bo...
