Stylish Popup Subscribe Box For Blogger Blog

Today,I Have Made A New Widget Which Will Rock Your Blog With Tons Of Subscribers.This Popup Is Unblockable In Every Browser.It Has A Close Button.This Popup Will Be Appear On Every Refresh Of Page.We Have Made This Widget With CSS And A little Code OF JQuery.It Is Very Easy To Use.Very Fast Loading.This Widget Will Increase Your Subscribes So Add This Widget In Your Blog And Enjoy.

Demo:

Click Here

How To Add This In Your Blog

To Add This Widget In Your Blog The Method Is Given Below.

Login To Your Blogger Account.
Select Template Like Below.

Then Click On Edit Html Like Below.

Now search </body>.
Paste The Below Code Just Above </body>.

<style type="text/css">
#pbtx-popup {
text-shadow: none;
position: absolute;
} #pbtx-popup {
display: block;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
position: fixed;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTBSUDDyFIvwh1hzZIJShVrw8hD4Tc-ngIzGzaNkgV07nTzqggkGtFJV_XGHf5RCPiZND63gvd9O-I_2nZ7bFY6jH8Bl9Xb38frZmqF87uvw_FRzqZ6fbbXQt3KJwioAfe0hL1iBizCp8/s1600/bg-opacity.png');
margin: 0;
-ms-overflow-y: auto;
overflow-y: auto;
} #pbtx-style-popup {
background-color: #fff;
overflow: none;
}
.pbtx-style-popup {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7eWwG-0bJ0J8HC4FFM1uMsNBofHzUPho6pLKBiI8tdbPIOr22y3Bq73NLGyqxnO8h7X01aRao1HZVH-vRD755rEJVnnNsNDRRM5U8UoFTbxskvyD8yOFn0l83tvYL5jugVnp4uPCPo8wo/s1600/bg+popup.PNG)no-repeat; 100%;
width: 500px;
height: 243px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -200px;
}
.footer-inner {
display: none;
height: 0px;
}
.popup-header {
margin-top: 30px;
margin-left: 30px;
}
.popup-header .news1 {
color: #0d7bd6;
font-weight: 900;
font-size: 17px;
line-height: 1;
} .popup-header .sign1 {
color: #979ea3;
font-weight: 900;
font-size: 17px;
line-height: 1;
} .popup-info {
font-size: 12px;
color: #7b7d7f;
margin-left: 30px;
} .sub_social_button {
padding: 0 15px;
margin: 0;
border: 0;
float: right;
min-width: 97px;
margin-top: -35px;
background: #0d7bd6;
height: 33px;
line-height: 33px;
text-align: center;
color: #fff;
font-size: 13px;
font-weight: bold;
}
.sub_social_email {
clear: both;
width: 100%;
margin: 10px 0;
}
.sub_social_form {
position: relative;
margin-left: 30px;
margin-top: 20px;
}
.sub_social_input {
display: block;
width: 100%;
background: transparent;
height: 33px;
border: 1px solid #e3e3e3;
border-right: 0;
font: 11px/15px Arial, Helvetica, sans-serif;
padding: 8px 10px;
}
.sub_social_form,.sub_social_input {
width: 450px !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: auto;
}
.sub-privacy {
position: relative;
margin-left: 60px;
margin-top: -22px;
font-size: 12px;
color: #8b8b8b;
margin-bottom: 0px !important;
}
</style>
<div id="pbtx-popup">
<div id="pbtx-style-popup" class="pbtx-style-popup">
<center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('pbtx-popup').style.display='none'"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOF9pPII02cHyzNfz-tATC3EvTYyVMhlI-fDfLpE6yuUEc1gq7nUEoN6SLXVxDRkQYokYU6Fwi92qqcGRYFCJoYWCSpvK6RzxqtkGYCIDfxu1rt748diW-tSWZvrtosoVxUplS6S43oukl/s1600/close-pbtx.png" style="width: 30px;height: 30px;"/> </center>
<div class="popup-header">
<span class="news1">NEWSLETTER</span><br/>
</div>
<p class="popup-info">Get Daily Update To Your Email Newsletter. Enter Your Email Below And Click Subscribe Now And Get Free News Letter Direct InTo Your Inbox.</p>
<div class="sub_social_email">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=probloggertrix" class="sub_social_form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=probloggertrix;, 'popupwindow', 'scrollbars=yes,width=210,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="ProBloggerTrickx"/>
<input name="loc" type="hidden" value="en_US"/>
<input class="sub_social_input" name="email" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" type="text" value="Enter your email..."/>
<input class="sub_social_button" title="" type="submit" value="Subscribe Now"/></form></div>
<img src="http://2.bp.blogspot.com/-dckegAJ1F_Y/UZnB9376mvI/AAAAAAAACF8/oBt14U2z9nQ/s1600/pbtx-locker.png" style="margin-right: 8px;margin-left: 30px;"/><p class="sub-privacy">Your Information will never be shared</p>
<a id="mycontent" href="http://probloggertrickx.blogspot.com " style="float:right;font-size:10px;margin-right:10px;margin-top:20px;color:#979ea3">Get This Widget</a>
</div>
</div>