HackingUniversity like Responsive Email Subcription widget for blogger

How to Add this Widget to Blogger ?

Recommended Post Category : Email Subscription Widgets

Adding this widget to blogger is very simple just follow these steps :

1. Go to your Blogger Dashboard
2. Then Go To Layouts----> Add A Widget-----> Html Javascript
3. Just paste these Codes in your respective gadget box.

<div style="text-align: right;"> <span style="background-<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">color</span>: white; font-family: <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">Consolas</span>, 'Courier New', Courier, mono, serif; font-size: 15px; line-height: 26px; text-align: left;"> </span><span style="font-family: <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">Consolas</span>, 'Courier New', Courier, mono, serif; font-size: 15px; line-height: 22px; text-align: left;"><style type='text/css'></span><span style="<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">color</span>: red; font-family: <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">Consolas</span>, 'Courier New', Courier, mono, serif; font-size: 15px; line-height: 22px; margin: 0px; padding: 0px; text-align: left;">#sidebar-subscribe-box{background:<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">url</span>(<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">http</span>://1.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">bp</span>.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">blogspot</span>.com/-IyEBRR8yOQQ/UBhYdBd23PI/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">AAAAAAAAFTU</span>/aeW3JdAlrCs/s1600/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">colored</span>-strip.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">png</span>) repeat scroll 0 0 transparent;border:1px solid #<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">aaa</span>;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">url</span>(<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">http</span>://2.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">bp</span>.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">blogspot</span>.com/-tUlo5p5gP8o/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">UBhYciGNgwI</span>/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">AAAAAAAAFTM</span>/x22pIuNLVPw/s1600/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">bg</span>-pattern.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">png</span>) repeat scroll 0 0 #f7f7f7;<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">color</span>:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">center</span>;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">moz</span>-border-radius:4px;-<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">webkit</span>-border-radius:4px;background:#<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">fff</span> <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">url</span>(<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">http</span>://1.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">bp</span>.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">blogspot</span>.com/-JMYdQsIa9WQ/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">UDZqxqqrTEI</span>/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">AAAAAAAAFho</span>/AocEv70U8K8/s1600/sprites.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">png</span>) no-repeat 0 -27px;border:1px solid #<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">ccc</span>;border-radius:4px;<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">color</span>:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">rgba</span>(255,255,255,0.3) inset, 0 1px 0 transparent;<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">color</span>:#<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">fff</span>;cursor:pointer;font-family:<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">verdana</span>;font-weight:700;padding:10px;text-shadow:1px 1px 0 <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">rgba</span>(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">moz</span>-box-shadow:0 1px 4px <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">rgba</span>(0,0,0,0.5) inset;-<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">webkit</span>-box-shadow:0 1px 4px <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">rgba</span>(0,0,0,0.5) inset;box-shadow:0 1px 4px <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">rgba</span>(0,0,0,0.5) inset;outline:0}<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">iframe</span>,object,embed,.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">yt</span>-border <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">iframe</span>,.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">yt</span>-border object,.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">yt</span>-border embed,table{width:100%}embed{border-radius:3px;-<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">moz</span>-box-shadow:0 2px 4px <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">rgba</span>(0,0,0,0.2);-<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">webkit</span>-box-shadow:0 2px 4px <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">rgba</span>(0,0,0,0.2);background:#<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">FFF</span>;border:1px solid #<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">ddd</span>;box-shadow:0 2px 4px <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">rgba</span>(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">url</span>(<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">http</span>://1.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">bp</span>.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">blogspot</span>.com/-n5s9Bu0JCgg/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">UA</span>_AfQ5qLkI/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">AAAAAAAAFMU</span>/G9FOuh4SP7k/s0/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">bg</span>-pattern.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">png</span>) repeat top left;border-top:1px solid #<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">aaa</span>;box-shadow:inset 0 4px 6px -3px #<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">aaa</span>;font-family:<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">cambria</span>;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">center</span>;width:100%}</span><span style="font-family: <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">Consolas</span>, 'Courier New', Courier, mono, serif; font-size: 15px; line-height: 22px; text-align: left;"></style></span></div> <span style="font-family: <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">Consolas</span>, 'Courier New', Courier, mono, serif; font-size: 15px; line-height: 22px; margin: 0px; padding: 0px; text-align: left;"></span><<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">br</span> /> <div style="text-align: left;"> <span style="font-family: <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">Consolas</span>, 'Courier New', Courier, mono, serif; font-size: 15px; line-height: 22px; margin: 0px; padding: 0px; text-align: left;"><span style="margin: 0px; padding: 0px;"><div id="sidebar-subscribe-box"> <div class="sidebar-subscribe-box-wrapper"> <p> Subscribe to our email newsletter & receive updates right in your <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">inbox</span>.</p> <div class="sidebar-subscribe-box-form"> <form action="<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;"> http</span>://<span class="goog-spellcheck-word" style="">feedburner</span>.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">google</span>.com/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">fb</span>/a/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">mailverify</span>?<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">uri</span>=</span> <span style="<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">color</span>: blue; margin: 0px; padding: 0px;"><span class="goog-spellcheck-word" style="">digitalhubinc</span></span><span style="margin: 0px; padding: 0px;">" class="sidebar-subscribe-box-form" method="post" <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">onsubmit</span>="window.open('http://<span class="goog-spellcheck-word" style="">feedburner</span>.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">google</span>.com/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">fb</span>/a/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">mailverify</span>?<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">uri</span>=</span><span style="<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">color</span>: blue; margin: 0px; padding: 0px;"><span class="goog-spellcheck-word" style="">digitalhubinc</span></span><span style="margin: 0px; padding: 0px;">', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">popupwindow</span>"><input name="<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">uri</span>" type="hidden" value="<span style="<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">color</span>: blue; margin: 0px; padding: 0px;"><span class="goog-spellcheck-word" style="">digitalhubinc</span></span>" /><input name="<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">loc</span>" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">autocomplete</span>="off" placeholder="Enter your email address :)"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form> </div> </div> </div> </span></span></div> <span style="font-family: <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">Consolas</span>, 'Courier New', Courier, mono, serif; font-size: 15px; line-height: 22px; margin: 0px; padding: 0px; text-align: left;"> <div style="text-align: right;">

In above Codes,Replace digitalhubinc with your feedburner username.

End.