Attractive Email Subscription Widget for Blogger Prajjwal Rajput Friday, June 13, 2014 No Comment

Hello Fiends today i am going to share an attractive and clean simple subscription widget with you.This Subscription widget is very helpful widget,because it designed with two fields,the first is your name fields and the second is your Email Address field, which looking more cool and clean on your blogger blog, If you don't get enough subscriptions then all what you need to do is to add this cool widget in your blogger blog and surely you will get what you want very soon. This widget also work on Wordpress blogs ,it will increase your RSS Subscriptions to a high level, as I tried this widget in my blog, it increase 400 Subscriptions visitor sign up through this widget in our blog only 2 weeks. It is highly attractive and more beautiful, also it makes your template look like Professional's websites. I will already shared an Amazing Facebook Popup Like Box in my Previous article you can check this link.
Once you seen this widgets demo,Add this widget in your blogger See Demo Below:-

• Enter Your Name
• Enter your Email ID
• Then click on "GET ACCESS TODAY!" Button.

Check Live Demo:-

GET FREE EMAIL UPDATES

Join us for free and get valuable content delivered right through your inbox.

How to Add this Widget in Blogger Blog?

• Go to Blogger Dashboard>>Layout>>Add Gadget
• Select HTML/JavaScript from Popup windows
• then paste the below code in this widget

<center>
<div align="center" id="truebloggertricks-Subscribe-wrapper">
<div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 240px;">
<h3 id="truebloggertricks-title-text" style="color: white; font-size: 20px;">
GET FREE EMAIL UPDATES</h3>
<div id="truebloggertricks-sub-title-txt" style="color: white; 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=nextbloggertricks', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="name" id="truebloggertricks_Subscriber_name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Enter First Name" /><br />
<input class="email" id="truebloggertricks_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="nextbloggertricks" /><input name="loc" type="hidden" value="en_US" /> <input id="truebloggertricks_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Get Access Today!" /></form>
</div>
</div>
</center>
<style>#ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9;
background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 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/AVvXsEi9yQQDdM7tm92fwXj-BjZPB-T1UmkS8Vab9xuP9ugVZjf2R-tnBOKei1sYWnZm5WVSEAO2z1gaAP3-MXgVxu3vb0rNtKvJEDYTOXxnv0UkKNLg1ivzK1mwM5QIpoqHdNvd5ziD4znF9sgZ/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/AVvXsEjDezXQkw6VBKZ-FJZTJNCuMIuq3dCLFNcTwPpAz6S0eGYJA8bnDbc0dwNMjCBbviD5C6HypR2ZPmLvMJeda87BHQNS3LsYx0P6UaFT5kC5VZGUq12Z2e4vGqJPQgUeUyCGm_EXrGXVahhN/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 h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !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: white;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: #960E17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM0kYDLpUC9w4TklJFDPS0y50nIQcYNojX5C8ioutxYd6U7pjojshe1oFR4tZNvHOOVEovFoc-W1Gqdz88GghwNiCCurutr9xHzYdVON7O9W_YDY853ViKZSDJCwo0MSZsMxYayFdNXb50/s1600/subscribe-red.png) repeat-x top;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: #FFA5A5;}</style>

• Replace  nextbloggertricks with your Feedburner ID
• Click on Save Button
• Done.

Final Words

I hope you can this attractive email subscription widget in your blogger blog or wordpress blogs, If you're getting error during this process so please leave a comment for her solution and don't forget to like our Facebook Page.

Happy Blogging!

Tweet

Tags: Blogger Widget