Newsletter Email Subscription Widget For Blogger

After issuing our first widget which was "Socializer Widget" here we're back with our second widget. Socializer Widget was pretty coolinging and having awesome effects with gorgeous button which we've distributed with you and we wish that you're using it. But now today we've evolved a easy and clean widget which is Newsletter Email Subscription Widget. This widget will help you in expanding the email subscribers. internet message subscribers play important function for a blog. They help your blog in getting high number of page-views and every day visits. Not only they help in traffic, But they furthermore give support in getting approval from Google AdSense or on any other advertising systems. It means these systems also ascertain the email subscribers.
Newsletter internet message Subscription Widget

This is a clean, simple and attractive widget which is conspicuously going to help you in building the email subscribers register. This widget is build with only two programming dialects which are CSS3 and HTML. After developing this, we've checked it in some most popular browsers and we came to understand that it's employed pretty cooling in every browser. It comprises of a name on the top, little description along with cooling icon to notify the subscriber that what he will receive, two input areas which are title and Email Address, a little line for telling your tourists that we'll not spam and in the last, an awesome signal Up button. This widget is having 500 pixels breadth, So the best location for supplementing this widget is underneath every mail. There you have more possibilities of getting new subscribers. Before you get this widget in your blog, have a live gaze on this widget by pressing the underneath button.

Read More:You Can Also Love This Widgets
Adding This Widget In Blogger

1.Go To Blogger >> Template >> Backup Your Template

2.Click Edit HTML and Search For Below Code

<data:post.body/>

 3.After Finding The Above Code Paste The Following Code Below     <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<!-- Newsletter Widget By Www.Bloggertrick4you.blogspot.Com -->

<style>

#byard-subsbox {

 height:300px;

 width:500px;

 background:hsla(0,0%,95%,0.4);

 padding:10px;

 border:5px solid hsla(0,0%,67%,0.19);

 border-radius:10px 10px 10px 10px;

}

#byard-subsboxh3 {

 text-align:center;

 margin:10px;

 text-transform:uppercase;

 font-weight:bold;

 font-family:&#39;Merienda&#39;;,cursive;

 font-size:1.4em;

 letter-spacing:1px;

}

#byard-subsboxheader {

 border-bottom:1px solid #ddd;

 border-top:1px solid #ddd;

 font-size:16px;

 padding-bottom:10px;

 font-family:&#39;Marmelad&#39;,sans-serif;

 text-align:left;

}

.byard-subsbox-form {

 padding:20px;

}

#byard-subsboxheader img {

 padding-right:10px;

}

.byard-subsbox-name {

 background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQTidEmirGl_GCJcsqwyGRCLCwzLk6PnWN0xnaYU4eoWHr_AUbu3UOZuoeSdvnIUjVAX7PSXaq_T16PeDd8D_RFmuIXDKnjqHNyfv-Mo8kbOIMpSS-tpaqm-STXHsFcoN8WwfxdCYjh5Q/s320/name.png) no-repeat 7px 8px;

 border:1px solid #ddd;

 font-family:Arial,sans-serif;

 font-size:13px;

 font-weight:bold;

 color:hsla(0,0%,27%,0.69);

 width:90%;

 height:24px;

 padding:5px 15px 5px 28px;

 vertical-align:top;

 display:inline-block;

}

.byard-subsbox-email {

 background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguu1bLa4zhiqh7yCiFV1jFMRsw9fisNkdvnTXkRmPzM7slf9JCSWhVbVyK3-07-rD9CWcT23kZHv-STOzdI7Vjyzy4Vmu37pd7KSX0t_2WR8dEPpliX0gJms_9YpzKgEfiAlvagWZfxQ4/s320/email.png) no-repeat 7px 10px;

 border:1px solid #ddd;

 font-family:Arial,sans-serif;

 font-size:13px;

 font-weight:bold;

 color:hsla(0,0%,27%,0.69);

 width:90%;

 height:24px;

 margin-top:10px;

 padding:5px 15px 5px 28px;

 vertical-align:top;

 display:inline-block;

}

.byard-subsbox-name:hover,.byard-subsbox-email:hover {

 border:1px solid #bebebe;

 box-shadow:0.5px 1.5px 2px rgba(5,95,255,.1);

}

.byard-subsbox-submit {

 float:right;

 margin-top:20px;

 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

 box-shadow:inset 0px 1px 0px 0px #ffffff;

 background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#ededed),color-stop(1,#dfdfdf) );

 background:-moz-linear-gradient( center top,#ededed 5%,#dfdfdf 100% );

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#ededed&#39;,endColorstr=&#39;#dfdfdf&#39;);

 background-color:#ededed;

 -moz-border-radius:6px;

 -webkit-border-radius:6px;

 border-radius:6px;

 border:1px solid #dcdcdc;

 display:inline-block;

 color:#777777;

 font-family:arial;

 font-size:15px;

 font-weight:bold;

 padding:6px 24px;

 text-decoration:none;

 text-shadow:1px 1px 0px #ffffff;

}

.byard-subsbox-submit:hover {

 background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#dfdfdf),color-stop(1,#ededed) );

 background:-moz-linear-gradient( center top,#dfdfdf 5%,#ededed 100% );

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#dfdfdf&#39;,endColorstr=&#39;#ededed&#39;);

 background-color:#dfdfdf;

}

.byard-subsbox-submit:active {

 position:relative;

 top: 1px;

}

</style>

    <link href='http://fonts.googleapis.com/css?family=Marmelad' rel='stylesheet' type='text/css'/>

    <link href='http://fonts.googleapis.com/css?family=Merienda' rel='stylesheet' type='text/css'/>

<center>

<div id='byard-subsbox'>

 <div id='byard-subsboxh3'>

  Subscribe To Our Newsletter

 </div>

 <div id='byard-subsboxheader'>

  <a href='http://goo.gl/6rQJK'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb4p9qV0YyyxTezmrZTAVUux0RkhJgGZ48E40d_aCblNyje7gvj9tujU_V2pdY6SNBT8XNe6a0RP4m0x4Vcp3uh-4TS8xyMPK9uZJyl8VfpBWFzbQKtq2TRTtOXgguCZ1eigMVj59eW-Q/s1600/mail-icon.png' style='float:left;'/></a>

  <p style='margin-top:13px;'>

   Sign Up Now www.bloggertrick4you.blogspot.comIt&#39;s 100% Free!

  </p>

 </div>

 <form action='http://feedburner.google.com/fb/a/mailverify?uri=Bloggertrick4you' class='byard-subsbox-form' method='post' target='_new'>

  <input class='byard-subsbox-name' name='name' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Your Name&apos;;}' onfocus='if (this.value == &apos;Your Name&apos;) {this.value = &apos;&apos;;}' value='Your Name'/>

  <input class='byard-subsbox-email' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Your Email Adress&apos;;}' onfocus='if (this.value == &apos;Your Email Address&apos;) {this.value = &apos;&apos;;}' value='Your Email Address'/>

  <input class='byard-subsbox-submit' type='submit' value='Sign Up!'/>

 </form>

 <p style='font-family:times new roman;margin-top:10px;font-size:15px;'>

  <b>We Hate Spam! </b>Really, It&#39;s terrible and we never do it.

 </p>

</div>

</center>

 </b:if>

 4.Replace Long Highlighted Message With Your Own.
 5.Replace Bloggertrick4you With Your Feedburner Username.
 6.Press "Save Template"
    That's All! 

 Read More:You Can Also Love This Widgets Thanks alot For visiting Our Website! Kindly Bookmark and Share it With you Friends.