Monday 19 August 2013

// // Leave a Comment

How to add a unique and stylish E-mail subscription box in your blog

All bloggers want that their traffic is highest.But it is not only possible by latest posts.Your template also be good looking and Subscription box plays an important role for making it pretty.Now see this below image.Older subscription boxes are not so good as this.This looks more stylish and colourful.

Now for insert this in your blog.Follow these steps.
  1. Open the Dashboard and then open Layout > Add Gadgets > Add html.
  2. Then at the body portion of the page paste this below code.


<style>   .NNBTsocial_box-email{   background:Fff no-repeat 0px 12px ; width:270px;float:center;font-size:1.4em;font-weight:bold;margin:2px 20px 0px 10px;color:#686B6C;  }  .NNBTsocial_box-emailsubmit{   background:#0084CE;cursor:pointer;  color:#fff; border:none;padding:3px;margin:0 0 0px 0;text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25);   -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font:12px sans-serif;  }   .NNBTsocial_box-emailsubmit:hover{   background:#E98313;   }   .textarea{   padding:2px; margin:0px 2px 0px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);   -moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;   width:200px; height:20px;color:#666;}  #socialboxNBT   {  text-align:center;font-weight:bold;padding:5px;border:1px solid black;width:300px;  -moz-box-shadow: 0px 0px 8px #000000;-webkit-box-shadow: 0px 0px 8px #000000;box-shadow: 0px 0px 8px #000000;}  </style>  <br />  <div id="socialboxNBT">  <a href="http://feeds.feedburner.com/akashblogger94" imageanchor="1" rel="nofollow" style="float: center; margin-left: .5em; margin-right: 1em;" target="blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUBPvP8mInN5OoAEC7pyVb2Q8D1_Gj_cZ9wh5XVKimQhc8clHTMU90H9svW2vUdGwEz_xltDYG1Qk_dSSeNMgNOP0dLYnOR-hFYPokBHDXjjXTBhy7VtzMJRbKkdCXbggqJx4w1oxV2pc/s1600/NNBT-rss.png" /></a>  Submit your Email Address to Get Free latest Articles Directly to your Inbox  <br />  <div class="NNBTsocial_box-email">  <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=NBTLab', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">  <input class="textarea" gtbfieldid="3" name="email" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if undefinedthis.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" type="text" value="Enter email address here..." />   <input name="uri" type="hidden" value="akashblogger94" /><input name="loc" type="hidden" value="en_US" />   <input class="NNBTsocial_box-emailsubmit" type="submit" value="Submit" />   </form>  </div>  <style class="text/css">  table  {border-bottom: 0px solid #E6E6E6;float: center;width: 300px;margin:-8px 0 0 0px;}  .subicons  {border-right: 0px solid #E6E6E6;}  .Fadeout {filter:alphaundefinedopacity=100);opacity: 1.0;border:0;  }  .Fadeout:hover{filter:alphaundefinedopacity=80);opacity: 0.8;border:0;  }  </style>  <br /><div class="table"><table>  <tbody><tr>  <td><div class="subicons">  <a class="Fadeout" href="http://www.facebook.com/100006041131460" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzySZC8rBAZ-ZnGCuxNNIxmcYXRhD1GBY050j0GSDFPCp7lumLVTHEqDtcyGnvzUrgbn0KhuPne_AAEGRvx2CaXgoQCq3qfOTsHi9DzlFTMEkWCuySDcPiPl5m4pAfz3syC88D6W53Lqk/s1600/NNBT-facebook-icon.png" /></a></div>  </td><td><div class="subicons">  <a class="Fadeout" href="http://www.twitter.com/akashku9835644" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigiIjCsYo1VlMvsnJDDc7O7z71ZHhb66CgUnRG3cbosliIeCSV7smQRN0KsTeWfidcl4uCLj99jWBYj5yk_sW_CajWN_eVKB9_9uYgAsCXfWgN34hLyAbHNd6E6P5TnHIdrvyhJqEKiqQ/s1600/NNBT-twitter-icon.png" /></a></div>  </td>  <td><div class="subicons">  <a class="Fadeout" href="http://feeds.feedburner.com/akashblogger94" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU3CpRObjS-5BZmavJzU3Awl8zH0O-sUt7yqsSriJmJfhb_Zb53zoiVmu4cMDLUsu0PdUdjFMh-07Tbo_602KpplbWRj4BW11tg6MeAK_BNeKKAR9sREfho1EyGRfeOOscQPFy_rmg-OQ/s1600/NNBT-rss-icon.png" /></a></div>  </td>  <td><a class="Fadeout" href="https://pinterest.com/akashatfbk13" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK-f09IdRLP0RR-gA3GfG_PvjICbij2_Xbe5wH_gsIAJiJ41Wi4xWLxH12q45TR1JPQIBB3Ssx9RRzLCn7wCYV0YMNM6eVDkn-dJe-sMyE1Zxsp4-U-HNgMWPn2xjCor7EmtyvR1T4lLo/s1600/NNBT-Pinterest-icon.png" /></a></td>  </tr></tbody></table></div></div> 

0 Peoples tell for us:

Post a Comment

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.