Today My Topic is "HOW TO ADD E-MAIL SUBSCRIBER WINDOW FOR GOOGLE BLOGGER OR OTHER ALL WEBSITE"
Follow me Some Steps
First Copy CSS Code and Paste in <head>Paste Here</head> Section...........
<style>
#bloglon {
padding: 15px 27px 20px;
line-height: 25px;
text-align: center;
background: #ea7414;
width: 300px
margin: -25px;
border: 2px solid #999999;
}
input.jdk {
color: #333;
padding: 9px;
font-size: 14px;
font-family: PT Sans Caption', 'PT Sans', sans-serif;
border: 1px solid #EEE;
margin: 10px auto 0;
border-radius: 3px;
width: 89%;
}
#bloglon p {
color: #ffffff;
font-size: 16px;
}
#bloglon h5 {
font-size: 20px;
color: #000000;
padding: 0;
text-align: center;
}
#bloglon input[type="submit"] {
background-color: #18c90c;
border: #EEE solid 1px;
color: #fff;
cursor: pointer;
padding: 10px 15px;
font-size: 16px;
width: 100%;
margin: 15px auto 0;
}
#bloglon input[type="submit"]:hover {
background: #ea141f;
color: #fff;
border: #EEE solid 10px;
}
</style>
Second Copy HTML CODE or Paste in <body>PasteHere</body> Section...
<div id="bloglon">
<h5>BlogLon Free SignUp</h5><p>BlogLon par Sign up kare aur Apne email inbox me Latest Blogging Guide Daily Prapt kare</p>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/WpOWr', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="jdk" type="text" name="name" placeholder="Name" />
<input class="jdk" type="text" name="email" placeholder="E-mail" />
<input type="hidden" value="bloglon" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input class="submit" type="submit" value="SUBSCRIBE NOW" />
</form>
</div>
2)
First Copy CSS Code and Paste in <head>Paste Here</head> Section...........
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/> <link href='//fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/>
<style type='text/css'> #subscribe-box {background-color:#FFA07A;font-family: 'PT Sans', sans-serif; color:#8B0000; border:#858585 dashed 2px } #subscribe-box p {font-size:22px;color:#8B0000;line-height:20px;padding:10px 20px 0 20px;margin:0;} #subscribe-box .emailfield {padding:0px 20px 10px;} #subscribe-box .emailfield input {background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:13px;width:91%;border:0;transition:all 0.4s ease-in-out;} #subscribe-box .emailfield input:focus {background:#fff;outline:none;color:#888;} #subscribe-box .emailfield .submitbutton {background:#444;color:#fff;text-transform:uppercase;font-weight:700;font-size:18px;font-family: 'PT Sans', sans-serif;;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;} #subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#fff;color:#e25734;}#subscribe-box .emailfield .submitbutton:hover{background:#fff;color:#444;} .creadit a{color: #A7A6A6; float: right; font-size: 8px </style> <div id="subscribe-box"> <center> Get our Latest Updates Right Straight to Your Inbox</center> <div class="emailfield"> <form action="http://feedburner.google.com/fb/a/mailverify?uri=WpOWr" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=WpOWr, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="name" onblur="if (this.value == "") {this.value = "Your Name";}" onfocus="if (this.value == "Your Name") {this.value = "";}" type="text" value="Your Name" /> <input name="email" onblur="if (this.value == "") {this.value = "Your Email";}" onfocus="if (this.value == "Your Email") {this.value = "";}" type="text" value="Your Email" /> <input name="uri" type="hidden" value="WpOWr" /><input name="loc" type="hidden" value="en_US" /> <input class="submitbutton" type="submit" value="Subscribe Now" /> </form> </div> </div> <div class="creadit"> <a href="http://knigulper.com/" target="_blank"> Get This Widget</a></div>
Replace The Blue Color Text With Your Own FeedBurner Username.
ENJOY
