Adding a email subscription box to your blog will help you to increase the readers. The more people subscribe to your blog, more pageviews you get. So it's important to let people read your posts through their email. So I am posting a simple but attractive email subscription widget which will help you to build a strong readership to your blog. Here is how your email subscription box look like:
- Go To Blogger>>Layout>>Add Gadget
- Scroll Down And Add HTML/Javascript
- And Paste Following Code In It:
<!-- TricksDroid subscription box-->
<aside id="sidebar" style="float: right">
<div id="text-7" class="row widget widget_text"><div class="widget-section"> <div class="textwidget"><div align="center" id="TricksDroid">
<div id="ig-subscription-optin" filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#55AAEE', endcolorstr='#003366',gradienttype=0 ); width: 265px;">
<h4 id="tricksdroid-title-text" style="color: 000; font-size: 20px;">
SUBSCRIBE OUR NEWSLETTER</h4>
<div id="tricksdroid-sub-title-txt" style="color: 000; font-size: 14px;">
Join us for free and get valuable content delivered right through your inbox.</div>
<br />
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=TricksDroid', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="name" id="tricksdroid_Subscriber_name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Enter Your Name" /><br />
<input class="email" id="tricksdroid_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Enter Email Address" /><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<input name="uri" type="hidden" value="TricksDroid" /><input name="loc" type="hidden" value="en_US" /> <input id="tricksdroid_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Get Access Today!" /></form>
</div>
</div>
<style>
#ig-subscription-optin {margin: 0px;padding: 10px;height: auto!important;padding: 0px 10px 15px 15px !important;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;
margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
padding: 5px;border: none;}#ig-subscription-optin input.name {
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbmASYqvtKNJ1b9fRKx5jZJ5CER22L_ZIen3PmIr-D5PsoJliGhWxBJxVN7JNlBGVwwsbXshPrergPrwhyphenhyphenAKf_HQ-NTDM9BjK7SqLty3Rb9AnRAdLAetq6z-Flbv_-i9t_tU2PqerkESKH/s1600/subscribe-name.png) no-repeat center right;}
#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;
font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}
#ig-subscription-optin input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWMhq3rS1dFRFnxYx24oYC0Jbw61hS3CM1M_pOHJzR6SswIzCw95h-NMAhyphenhyphenXCnD0zJ2XbSYlm2XQmnDdNDVx8p8PCs36eDZufuBkB6Ev-nAsdla59v8ZjvoTnQ4z2SbvzlMaAsF8qFDnxx/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {
font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h4 {margin-bottom: 8px !important;
font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;
text-transform: none;text-decoration: none;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;
border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {
background-color: #0094D2;border: 1px solid #0094D2;color: red;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;
color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {
color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #f6640e; border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;
padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}
#ig-subscription-optin input[type="submit"]:hover {color: #000000;}</style></div></div></div></aside>
<!--End of tricksdroid subscription box--> - See more at: http://www.tricksdroid.com>
- Change TricksDroid With Your Feed Address (here is mine: feeds.feddburner.com/TricksDroid)
- Leave Title As It Is Or Give One You Like
- Save The HTML
- You Are Done
That's it you have successfully added the Email subscription box to your blogger blog. Now you will see improvement in your blog readers. Leave a comment below for any question and do not forget to subscribe to our weekly newsletter too..!
Written by Unknown
Satyam Bora Is 18 Years Old Boy Addicted To Blogging And Technology.He Is A Part Time Blogger And Student Of Civil Engineering. This Guy Is Always Here To Help You :)
0 comments:
Post a Comment