New Style All In One Subscription Widget For Blogger

Hello Bloggers In The Past I Have Shared You Many Subscription Widgets Like Popup Subscribe Widget , feed-burner subscription widget and more. But Now I Am Revealing You A New Type Of ALL in One Subscription Widget which is fully responsive and light :)

ADD THIS WIDGET IN BLOGGER-

1- Go to blogger >> Layout >>Add A Gadget >>HTML/Javascript
2- Now Paste The Following Code In The Box-

 <!--ngtechzone subscribe box--><style>  #R91481-WG {  width:300px;  border:1px solid #aaa;  border-radius:3px;  padding:3px 0;  }    .R91481-WG-wrapper {  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZbnUXCPdDFvfxCiCcihN6gdPTec8L3pcRhrclEkdnBmljwTUrg7dlmQQZu85SmzDqECcHB8Mtvplg5sLOp19omYjWmpSxJBqdEOmV0mahiiWyOrgBXKrQWXcIdEt_zbG3kDK7U1s9Kfk/s1600/background.png) repeat scroll 0 0 #f7f7f7;  color:#111;  font-size:14px;  line-height:20px;  text-align:center;  text-transform:uppercase;  padding:1px 20px 10px;  }    .R91481-WG-form {  clear:both;  display:block;  margin:10px 0;  }    form.R91481-WG-form {  clear:both;  display:block;  width:auto;  margin:10px 0 0;  }    .R91481-WG-email-field {  -moz-border-radius:4px;  -webkit-border-radius:4px;  background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA2Kt4qNl3Qtc0xhQgmlY0pFdUCuRGXNv3sUQNvybMQBF6bTdT4pD_hadz5YfEMX42IrZa5uFWpIVpbPU2TW7TCVEQ8bB0BTH0YyyE0qRaRn9IAoqlcBkJInSMkxa8Tdj3uqp7j8Wu4lc/s1600/icons.png) no-repeat 0 -27px;  border:1px solid #ccc;  border-radius:4px;  color:#444;  width:68%;  margin:0 0 15px;  padding:10px 40px;  }    .R91481-WG-email-button {  background:#09f;  border:1px solid #007fff;  box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;  color:#fff;  cursor:pointer;  font-family:verdana;  font-weight:700;  text-shadow:1px 1px 0 rgba(0,0,0,.4);  text-transform:uppercase;  width:100%;  padding:10px;  }    .R91481-WG-email-button:hover,.R91481-WG-email-button:focus {  background:#1ca4ff;  }    .R91481-WG-email-button:active {  -moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;  -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;  box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;  outline:0;  }    iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table {  width:100%;  }    embed {  border-radius:3px;  -moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);  -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);  background:#FFF;  border:1px solid #ddd;  box-shadow:0 2px 4px rgba(0,0,0,0.2);  margin:0;  padding:4px;  }    #footer-section {  border-top:1px solid #aaa;  box-shadow:inset 0 4px 6px -3px #aaa;  font-family:cambria;  font-size:14px;  height:100px;  text-align:center;  width:100%;  margin:10px -30px 5px;  padding:0 30px;  }    a.social-icons {  margin-right:5px;  height:45px;  width:45px;  }    a.social-icons:hover {  opacity:.7;  filter:alpha(opacity=70);  }  </style>    <div id="R91481-WG">  <div class="R91481-WG-wrapper">  <br/>  <a class="social-icons" href="http://www.facebook.com/ngtechzone"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYUj1IJMM9XasG4DT9hljGMPpk6QY5_s39rhvI_S8rcbhHvXgTXJxK50kMpsUe2Io7zNVI_Io1vEBB1GF7dIxnveGRdJd_WYcKHP7ftR2UPefa3xRMv_7BDhONJ2nmOFBTPZc4dGKJMFmN/s1600/Bloggertrix-facebook.png" /></a>  <a class="social-icons" href="http://www.twitter.com/ngtechzone"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9aWOcV8dSWAYF-r8CtEP5t0GD8A8tFE6foBZStbHwK-G1RVlkuG38L3vdztOGGBRxblTsGJ1T6dFkXgOZv86kwDA_ht4_MYLLIrEbPrC3YrH4QdgRN4LdhqZ8W8DGIwMybVWJyX1F8cfy/s1600/bloggertrix-twitter.png" /></a>  <a class="social-icons" href="http://plus.google.com/NitishkGupta"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnZ-HgO9ni1FlAw9pNFxWEHpd-MKHHYcR20bgLGpf5LxnotSOwaQzhrcikOxjlGxqFVEjKFiI3NMrZxPOsHaXYkhMVLWVB3Fllr002hnmxTX7DBKY2D-EGlHoOSyiQJk_gAau8be10VsGl/s1600/Bloggertrix-Googleplus.png" /></a>  <a class="social-icons" href="http://feeds.feedburner.com/ngtechzone"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZH6B71_tToXKx5n4Abc6xnNe36h2TK8k_Io9J6eS35eKcTbGnGJarotW73JIqvs9t2klibt92K9tezgLUslgZM9Rjeg2M9Y_RvbyfPgk1gVT8JJrQLWmxOceqZ5lajOEnkHKQhTIRxlKL/s1600/Bloggertrix-Rss.png" /></a>  <font face="verdana"><p><b>Get New Updates Directly InYour Inbox!</b> </p></font>  <div class="R91481-WG-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=ngtechzone" class="R91481-WG-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ngtechzone', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="ngtechzone" />  <input name="loc" type="hidden" value="en_US" /><input class="R91481-WG-email-field" name="email" autocomplete="off" placeholder=" Enter E-Mail "/>  <input class="R91481-WG-email-button" title="" type="submit" value="Subscribe Us" /></form>  </div><a href='http://goo.gl/MqBmyV'></a></div></div>  </div></!--Ends-->

CUSTOMIZATIONS-

Replace The Underlined Text With Your URL's And Enjoy :) 


Finally Save The Widget And Enjoy This Widget :)