All in one subscription widget for bloggers

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggzcAXWUg4tEjXyJyUgQ9MX8ZmRUh4kkpO-bRm0tQruBqY-7TyGH6TRhQqrUpH6SevZJ7HTmdL0XGKa3f_kmE_obDPSpZ8yKsc9oGvOYzVaB43o6ErypQs06lJrv0pTfKOTD1tCzrir3vI/s1600/all-in-one-subscription-box-for-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggzcAXWUg4tEjXyJyUgQ9MX8ZmRUh4kkpO-bRm0tQruBqY-7TyGH6TRhQqrUpH6SevZJ7HTmdL0XGKa3f_kmE_obDPSpZ8yKsc9oGvOYzVaB43o6ErypQs06lJrv0pTfKOTD1tCzrir3vI/s320/all-in-one-subscription-box-for-blogger.png" width="305" /></a></div> <i><br /></i> <i>Hey guys today I going to share all in one subscription box for blogger. I myself have added it in this blog. Every blogger knows that a subscription box is important as helps the visitors to stay connected to your blog. If you create a new post on your blog the visitor who have subscribed will get an email that your blog has new content and then the visitor will visit if he/she is interested. Thus it also increases your visits and makes your visitor a<a href="http://pretoproblogger.blogspot.in/2013/07/increasing-your-blog-readers.html" target="_blank"> reader of your blog.</a> And so blogger must add convincing content and subscription box so that visitors might end up subscribing your blog. And if the subscription box will have a little bit social touch it will be much better. Rather than adding social buttons and subscription box as different widgets we can add a Hybrid subscription box. Here is a good subscription box by <a href="http://windroidclub.com/" rel="nofollow" target="_blank">windroid club</a>:</i><br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <h3 style="text-align: left;"> Steps to add this widget:</h3> <div> <br /></div> <div> <ul style="background-color: white; box-sizing: border-box; color: #333333; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="box-sizing: border-box; margin: 0px 0px 0.25em; padding: 0px;"><span style="box-sizing: border-box;"><span style="font-family: inherit;">Go to your <b style="box-sizing: border-box;">blogger dashboard</b></span></span></li> </ul> <ul style="background-color: white; box-sizing: border-box; color: #333333; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="box-sizing: border-box; margin: 0px 0px 0.25em; padding: 0px;"><span style="box-sizing: border-box;">Select your blogger blog</span></li> </ul> <ul style="background-color: white; box-sizing: border-box; color: #333333; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="box-sizing: border-box; margin: 0px 0px 0.25em; padding: 0px;"><span style="box-sizing: border-box;">Click on <b style="box-sizing: border-box;">Layout </b>from Drop Down menu (<b>shown in picture</b>)</span></li> </ul> <div> <br /></div> <div style="-webkit-transition: all 0.4s ease-in-out; box-sizing: border-box; color: #6a6a6a; margin-left: 1em; margin-right: 1em; text-align: center; text-decoration: none; transition: all 0.4s ease-in-out;"> <div style="text-align: center;"> <a class="pirobox" data-pirobox="gallery" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhFC00yUiEneD6AjI38US0XzgRdNNkTHwtoqTm9JAIePU5WoBPQ15Tbz9E1zq7eJgaqmu9nmXkP5hZ-elIzdQu-_aArare_n3GyD-Zb0rm7bk-L5MzwqzO_sXvn1rJIxJZDQ3IOQGf0QE/s900/1.jpg" imageanchor="1" style="-webkit-transition: all 0.4s ease-in-out; box-sizing: border-box; color: #6a6a6a; margin-left: 1em; margin-right: 1em; text-decoration: none; transition: all 0.4s ease-in-out;"><span style="box-sizing: border-box;"><img border="1" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhFC00yUiEneD6AjI38US0XzgRdNNkTHwtoqTm9JAIePU5WoBPQ15Tbz9E1zq7eJgaqmu9nmXkP5hZ-elIzdQu-_aArare_n3GyD-Zb0rm7bk-L5MzwqzO_sXvn1rJIxJZDQ3IOQGf0QE/s900/1.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; -webkit-transition: all 0.4s ease-in-out; border: 1px solid rgb(230, 230, 230); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; box-sizing: border-box; height: auto; max-width: 100%; padding: 1px; position: relative; transition: all 0.4s ease-in-out;" width="400" /></span></a></div> </div> <span style="font-family: inherit;"><br style="box-sizing: border-box;" /></span> <ul style="box-sizing: border-box; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="box-sizing: border-box; margin: 0px 0px 0.25em; padding: 0px;"><span style="box-sizing: border-box;">A new Window appear</span></li> </ul> <ul style="box-sizing: border-box; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="box-sizing: border-box; margin: 0px 0px 0.25em; padding: 0px;"><span style="box-sizing: border-box;"><span style="font-family: inherit;">Click on <b style="box-sizing: border-box;">Add gadget</b></span></span></li> </ul> <ul style="box-sizing: border-box; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="box-sizing: border-box; margin: 0px 0px 0.25em; padding: 0px;"><span style="box-sizing: border-box;"><span style="font-family: inherit;">And select <b style="box-sizing: border-box;">HTML/JavaScript</b></span></span></li> </ul> <ul style="box-sizing: border-box; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="box-sizing: border-box; margin: 0px 0px 0.25em; padding: 0px;"><span style="box-sizing: border-box;"><span style="font-family: inherit;">Next Box of HTML/JavaScript will appear <b style="box-sizing: border-box;">(shown in picture)</b></span></span></li> </ul> <span style="font-family: inherit;"><span style="box-sizing: border-box;"><b style="box-sizing: border-box; line-height: 18px;">   </b></span></span><br /> <div style="text-align: center;"> <span style="font-family: inherit;"><span style="box-sizing: border-box;"><b style="box-sizing: border-box; line-height: 18px;"><b style="box-sizing: border-box;"><a class="pirobox" data-pirobox="gallery" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGAMOxnn2e2idyVYMtV5VFR0V8y4gRM4WvXfjh-Uj4RTeahMfv0NZ4KMtnTL0hgUsBSHtjW0v96bm52gxxVuAlZLOH4mSyV4liN99iqDL0EEBjA-ISYSmmMoHMEa9y-xUOmQ5ADyld1wk/s900/2.png" imageanchor="1" style="-webkit-transition: all 0.4s ease-in-out; box-sizing: border-box; color: #6a6a6a; margin-left: 1em; margin-right: 1em; text-decoration: none; transition: all 0.4s ease-in-out;"><span style="box-sizing: border-box;"><img alt="http://pretoproblogger.blogspot.com" border="1" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGAMOxnn2e2idyVYMtV5VFR0V8y4gRM4WvXfjh-Uj4RTeahMfv0NZ4KMtnTL0hgUsBSHtjW0v96bm52gxxVuAlZLOH4mSyV4liN99iqDL0EEBjA-ISYSmmMoHMEa9y-xUOmQ5ADyld1wk/s900/2.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; -webkit-transition: all 0.4s ease-in-out; border: 1px solid rgb(230, 230, 230); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; box-sizing: border-box; height: auto; max-width: 100%; padding: 1px; position: relative; transition: all 0.4s ease-in-out;" title="http://pretoproblogger.blogspot.com" width="400" /></span></a></b></b></span></span></div> <span style="font-family: inherit;"><b style="box-sizing: border-box; line-height: 18px;"></b></span><span style="font-family: inherit;"><br style="box-sizing: border-box;" /></span> <ul style="box-sizing: border-box; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="box-sizing: border-box; margin: 0px 0px 0.25em; padding: 0px;"><span style="box-sizing: border-box;">Now the box of HTML/JavaScript will appear when you click on the box.</span></li> </ul> <div> <br /></div> <div style="-webkit-transition: all 0.4s ease-in-out; box-sizing: border-box; color: #6a6a6a; margin-left: 1em; margin-right: 1em; text-align: center; text-decoration: none; transition: all 0.4s ease-in-out;"> <div style="text-align: center;"> <a class="pirobox" data-pirobox="gallery" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuUdV6YIWJL_6zaX7XjWBObPleQyH90jbXnEyWlI1cx-p71AHEPFFTP_HHljNXTZsdowc_jZVihijglqjUzCgfqwCt7ENToRb94VpaD7pBmHPYYdY1epu_Cw5TmOh7S2SVcGqujzXNRB0/s900/5.png" imageanchor="1" style="-webkit-transition: all 0.4s ease-in-out; box-sizing: border-box; color: #6a6a6a; margin-left: 1em; margin-right: 1em; text-decoration: none; transition: all 0.4s ease-in-out;"><span style="box-sizing: border-box;"><img alt="http://pretoproblogger.blogspot.com" border="1" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuUdV6YIWJL_6zaX7XjWBObPleQyH90jbXnEyWlI1cx-p71AHEPFFTP_HHljNXTZsdowc_jZVihijglqjUzCgfqwCt7ENToRb94VpaD7pBmHPYYdY1epu_Cw5TmOh7S2SVcGqujzXNRB0/s900/5.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; -webkit-transition: all 0.4s ease-in-out; border: 1px solid rgb(230, 230, 230); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; box-sizing: border-box; height: auto; max-width: 100%; padding: 1px; position: relative; transition: all 0.4s ease-in-out;" title="http://pretoproblogger.blogspot.com" width="400" /></span></a></div> </div> <ul style="box-sizing: border-box; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"> <li style="box-sizing: border-box; margin: 0px 0px 0.25em; padding: 0px;"><span style="box-sizing: border-box;">Now <b style="box-sizing: border-box;">paste the following code to add the All in one subscription widget</b> on your blog.</span></li> </ul> <blockquote class="tr_bq"> <style type="text/css"><br /> #wcsub-box<br />{<br />box-shadow:1px 1px 4px #dcdcdc;<br />-moz-box-box-shadow:1px 1px 4px #dcdcdc;<br />-web-kit-box-shadow:1px 1px 4px #dcdcdc;<br />-goog-ms-box-shadow:1px 1px 4px #dcdcdc;<br />margin-bottom:70px;<br />height:264px;<br />}<br />#wc-socico<br />{<br />height:33px;<br />border-bottom:1px solid #dcdcdc;<br />border-left:1px solid #dcdcdc;<br />border-right:1px solid #dcdcdc;<br />padding:2px;<br />background:#ffffff;<br />}<br />#wc-socicoimg<br />{<br />height:28px;<br />width:28px;<br />}<br />#wc-socico table<br />{<br />border:none;<br />}<br />#wc-rscount<br />{<br />margin-top:2px;<br />margin-right:-25px;<br />}<br /><br />#wcsub-box .wcsub-fblike { border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 5px; background:#fff;}<br /> #wcsub-box .wcsub-email {border: 1px solid #dcdcdc; background: #f8f8f8; padding:11px;}<br /> #wcsub-box .wcsub-email h4{color: #444;font-family: Arial;font-size: 12px; margin: 0 0 10px;}<br /> #wcsub-box .wcsub-email .txt,#wcsub-box .wcsub-email .txt:focus{background:#fff; float:left; color:#777777; border:1px solid #dcdcdc; border-radius: 3px; padding: 7px 10px 8px; width: 140px;}<br /> #wcsub-box .wcsub-email .wcsub-button,#wcsub-box .wcsub-email .wcsub-button:focus{background:#222222; border:1px solid #222222; color:#fff; border-radius: 3px; float: right; font-size: 12px; font-weight: bold; padding:7px 3px; }<br /> #wcsub-box .wcsub-email<br /> input, textarea {<br />font-family: Georgia, "Times New Roman", Times; font-size: 1em;}<br /></style><br /><br /><div id="wcsub-box"><br /><div class="wcsub-email"><br /><h4>Get FREE updates on your <a href="http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: red;">pretoproblogger</span>" target="_blank" style="color:#3b5998;">Email</a> | <a href="http://feeds.feedburner.com/<span style="color: red;">pretoproblogger</span>" target="_blank" style="color:orange;">RSS</a></h4><br /><form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: red;">pretoproblogger</span>', 'popupwindow',<br /> 'scrollbars=yes,width=700px,height=700px');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify"><br /><input name="email" onblur="if (this.value == '') {this.value = 'Enter your email address';}" onfocus="if (this.value == 'Enter your email address')<br />{this.value = '';}" value="Enter your email address" class="txt" /><br /><input type="hidden" name="uri" value="<span style="color: red;">Pretoproblogger</span>" /><br /><input type="hidden" value="en_US" name="loc" /><br /><input type="submit" value="Subscribe" class="wcsub-button" /><br /><div style="clear:both;"></div><br /></form><br /> </div><br /><br /><br /><br /><div id="wc-socico"><br /><table border="0" cellspacing="0" cellpadding="0" width="298"><br /><tbody><br /><tr><br /><td valign="top" ><a href='http://feeds.feedburner.com/<span style="color: red;">pretoproblogger</span>' target='_blank' rel=nofollow' ><img id="wc-socicoimg" src="http://3.bp.blogspot.com/-KjMedajdI2w/UTtUCEg5_zI/AAAAAAAABcQ/K3qUhvOTNrA/s1600/feed.png" alt="Subcribe to our RSS feeds" /></a></td><br /><br /><td valign="top" ><a href='http://www.facebook.com/<span style="color: red;">Pretoproblogger</span>' target='_blank' rel='nofollow'><img id="wc-socicoimg" src="http://2.bp.blogspot.com/-7_3aMhrvLq4/UTtUB9H5ZyI/AAAAAAAABcM/JjZGcP7r3_I/s1600/fbb.png" alt="Join Us on Facebook" /></a></td><br /><br /><td valign="top" ><a href='<span style="color: red;">https://plus.google.com/102731179322289098765</span>' target='_blank' rel='nofollow'><img src="http://4.bp.blogspot.com/-vnYX9pKHZCU/UTtUCWa3-HI/AAAAAAAABcU/Xi7l4YF136U/s1600/gpp.png" alt="Add to Circles" id="wc-socicoimg" /></a></td><br /><br /><td valign="top" ><a href='https://twitter.com/<span style="color: red;">pretoproblogger</span>' target='_blank' rel='nofollow'><img id="wc-socicoimg" src="http://2.bp.blogspot.com/-VXfOkCT43uI/UTtUEItlzyI/AAAAAAAABck/cvROEjW1Vx8/s1600/tww.png" alt="Follow us on Twitter" /></a></td><br /><br /><td valign="top" ><p id="wc-rscount"><a href="http://feeds.feedburner.com/<span style="color: red;">PretoproBlogger</span>"><img src="http://feeds.feedburner.com/~fc/<span style="color: red;">PretoproBlogger</span>?bg=000000&amp;fg=ffffff&amp;anim=1" height="26" width="88" style="border:0" alt="" /></a></p></td><br /></tr></tbody></table><br /></div><br /><br /><br /><br /><div class="wcsub-fblike"><br /><iframe src="//www.facebook.com/plugins/like.php? href=https://www.facebook.com/<span style="color: red;">Pretoproblogger</span>?fref=ts &send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe><a href=" https://www.facebook.com/<span style="color: red;">Pretoproblogger</span>" target="_blank" rel="nofollow" style="color: #3B5998; font-family: arial; font-size: 16px; font-weight: bold; line-height: 20px;"> Like us on Facebook </a><div class="clear"></div><br /> </div><br /><br /><br /><br /> <a href="https://twitter.com/<span style="color: red;">pretoproblogger</span>" class="twitter-follow-button" data-show-count="true" data-lang="en-gb">Follow <span style="color: red;">@PreToProBlogger</span></a><br /><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script><br /><br /><br /><br /><div class="wcgplus"><br /> <div class="g-plus" data-href="<span style="color: red;">https://plus.google.com/102731179322289098765</span>" data-width="290" data-height="131" data-theme="light"></div><br /></div><br /> </div></blockquote> <div> </div> </div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div> <ul> <li>Change all the social ids/addresses highlighted in red with your social ids/addresses</li> </ul> <ul> <li>Leave the widget title blank.</li> </ul> <ul> <li>Click <b>save</b></li> </ul> </div> <div> <span style="line-height: 22px;"><i>You are done now.</i></span><br /> <span style="line-height: 22px;"><i><br /></i></span> <blockquote class="tr_bq"> <span style="line-height: 22px;"><i>Comment if you liked the subscription box...</i></span></blockquote> </div> </div>

All in one subscription widget for bloggers

Hey guys today I going to share all in one subscription box for blogger. I myself have added it in this blog. Every blogger knows that a...

Read more »