Ko-Blue Email Subscription form box in Wordpress Style for Blogger

Most popular email subscription box are posted on this blog earlier with different styles(Tech Blue-Black, . Now, in this tutorial we present wonderful Email subscription box which is mostly used on Wordpress blogging platform. Ko-Blue Wordpress style email subscription form box is developed attractively to increase readership with ‘Get Access Today’ hove effect button in stylish color.

Commonly webmasters use Simple email subscription form boxes and Popup email subscription form boxes to their blog/website, but here most popular blogging platform Wordpress email subscription can be used for blogger template with simple customization in different mode. We hope this new Stylish email subscription widget of WP will help you lot for increasing maximum number of subscribers through email. Let’s install this Ko-Blue WP style email subscription form widget for blogger.

Sign into your blogger account
From Blogger Dashboard Select ‘Layout’ link tab
Click on ‘Add a Gadget’ link tab
Select ‘HTML/Javascript’ widget and copy the below code and paste it

<div align="center" id="blogtariff">
<div id="ko-subscription-optin" filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#55AAEE', endcolorstr='#003366',gradienttype=0 ); width: 265px;">
<h4 id="blogtariff-title-text" style="color: 000; font-size: 20px;">
SUBSCRIBE OUR NEWSLETTER</h4>
<div id="blogtariff-sub-title-txt" style="color: 000; font-size: 14px;">
Join Our Community for Free Stuff delivered straight to Your Email Inbox.</div><font color="white">blogtariff</font>
<br />
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogtariff', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="name" id="blogtariff_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="blogtariff_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 /><a href="http://www.blogtariff.com" style="color: #ffffff">Blogtariff</a>
<div class="separator" style="clear: both; text-align: center;">
</div>
<input name="uri" type="hidden" value="blogtariff" /><input name="loc" type="hidden" value="en_US" /> <input id="blogtariff_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Get Access Today!" /></form>
</div>
</div>
<style>
#ko-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;}#ko-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
padding: 5px;border: none;}#ko-subscription-optin input.name {
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMlvQJfIr55bJ2-Cv4hVm_gTqMsqWorOi0H5ovYasYET4CKnPatE7GPbXI7n_TzVl6dusxK1QXcQ0pYoKUwQVBdgvFEAGgAWlBJBpLiFe_Nsyjc7wArH3QHWMUHbGmnNbhGiQNz8ukKH-T/s1600/subscribe-name.png) no-repeat center right;}
#ko-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;}
#ko-subscription-optin input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMHVJtqKKByoD6PtqlS9oiBgeTSy7yY_kQrn22Un0Ik-d12NjGUI6acPjKb0qcBxI0wmXB8mecdvyB1gQ1hVgg6hTVkGz30cvLG146Lvs5zFM61CbUFomWftF8LF84Gw7eWdCNTdBgbgQJ/s1600/subscribe-email.png) no-repeat center right;}#ko-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;}#ko-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;}#ko-subscription-optin input[type="submit"] {background: #549ffe; 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;}
#ko-subscription-optin input[type="submit"]:hover {color: #f6640e;}</style>

Code Customization:

• Alter ‘BlogTariff’ (Highlighted) with your feedburner username

After successful adding the above code ‘Save the Widget’ and Template.
Now adjust the widget box wherever you want to show