New Stylish Subscription Box For Blogger Blog

515 loyal readers

RSS feed | E-mail

1058 followers

Follow us on Twitter!

260 followers

Join us on Facebook!

Windows Reloded, Get Latest Blogger widgets

How To Set Up This Widget ?

1. Go To Blogger >> Layout >> Add A Gadget >> Proceed
2. Drag Your Mouse In The Slider And Find HTML / Javascript >> Paste The Following Code .

Windows Reloded, Get Latest Blogger widgets

3. Done :)

 New Stylish Subscription Box For Blogger Blog 2013 - Code Below

Code:

<style type="text/css">
#LS-Newsletter4-Box {
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnc9hzP4SEl5SoWQLFtZkv3pXbtVL_ztcXJsP4B3mBjshWjDc8ERKYpNjiOx4Ot4WoU7TSbBRN2eFjYGKPWX2kK_dOjgu1op7ovKR3zHpooOumPX34RkZvpqtLcjIzyqhd-UG0aSXy_-g/s1600/Newsletter-share-tricks.png)no-repeat scroll center center transparent;
  height: 299px;
  width: 408px;
}
form#LS-Newsletter4-Form {
  display: block;
  margin: 0;
  padding-left: 71px;
  padding-top: 63px;
}
form#LS-Newsletter4-Form #s {
  background: transparent;
  border: none;
  color: #444242;
  font-family: georgia;
  font-size: 15px;
  font-style: italic;
  height: 28px;
  margin-top: 37px;
  vertical-align: top;
  width: 275px;
  outline:0px;
  position: relative;
  left: -25px;
}
form#LS-Newsletter4-Form #d {
  background: transparent;
  border: none;
  color: #444242;
  font-family: georgia;
  font-size: 15px;
  font-style: italic;
  height: 28px;
  margin-top: 38px;
  vertical-align: top;
  width: 275px;
  outline:0px;
  position: relative;
  left: -25px;
}
form#LS-Newsletter4-Form #sbutton {
  background: transparent;
  border: none;
  cursor: pointer;
  height: 43px;
  position: relative;
  left: -36px;
  top: 25px;
  width: 144px;
  border-radius: 5px;
}
</style>
<div id="LS-Newsletter4-Box">
  <form id="LS-Newsletter4-Form" action="http://feedburner.google.com/fb/a/mailverify?uri=YourURL" rel="nofollow" target="_blank" method="post">
    <input id="d" name="name" value="Enter Your Name"
    onfocus='if (this.value == "Enter Your Name") {this.value = ""}'
    onblur='if (this.value == "") {this.value = "Enter Your Name";}'/>
    <input type="email" id="s" name="email" value="Enter Your E-Mail"
    onfocus='if (this.value == "Enter Your E-Mail") {this.value = ""}'
    onblur='if (this.value == "") {this.value = "Enter Your E-Mail";}'/>
    <input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyzvyNeQnkQYZl5-b_9IvyGnuJ52OZJ528PQw0-f7l9_-re8-uQ1sI7dEm4GTcRyC07F03FAaFAlvcb_4aA48jgSRNt8lUKh-QLNqci92WKsjGoK6M0nN7KN2eQpml64a5il5OjDDWyaE/s1600/blank.gif" id="sbutton"/>
  </form>
</div>

Windows Reloded, Get Latest Blogger widgets

 Please give feedback through comments. Thank You