This article I will share a style of WordPress Email Subscribe Box to Blogger. With this trick you will have a framework subscribe receive free new article via email like blogs on WordPress platform. You can see in the illustration image below:
Here are the steps taken:
Add Widget WordPress Style Subscribe Box For Blogger:
1. In Admin page, you click Layout, create a gadget using click Add a Gadget button, next click HTML/Javascript in place want to display.
2. Paste the following code in the Content part:
<!--WP Subscribe Box by researchtowork-->
<div align="center" id="researchtowork">
<div id="kjsubscription" filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#55AAEE', endcolorstr='#003366',gradienttype=0 ); width: 265px;">
<h4 id="kjmagic-title-text" style="color: 000; font-size: 20px;">
Subscribe to receive news via your Email</h4>
<div id="kjmagic-sub-title-txt" style="color: 000; font-size: 14px;">
Subscribe to receive free new article via your Email</div>
<br />
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=researchtowork', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="name" id="kjmagic-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="kjmagic_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 your Email" /><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<input name="uri" type="hidden" value="researchtowork" /><input name="loc" type="hidden" value="en_US" /> <input id="kjmagic-submit-text" style="height: auto; padding: 5px 0;" type="submit" value="Subscribe Now !" /></form>
</div>
</div>
<style type="text/css">>
#kjsubscription {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;}#kjsubscription p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
padding: 5px;border: none;}#kjsubscription input.name {
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlb25Ys5awkElYtI5HhhzHMzwTE5jOLll2wVUyk-krnO4y21nl0vuiaSZ7TVu_aET49Oi4N0Dewq7Wax_ARVhOOT056KGfSYLU2u_v21Ppjj2BZs-pDVmRE1JAcWuo1kGOEfGofBb76QUW/s1600/subscribe-name.png) no-repeat center right;}
#kjsubscription 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;}
#kjsubscription input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUEF_ed3iHIsf9mpUgn74GftCuoha2HmiN8Budb7-roDCT2CVaggR6tmPzQdYy5LNSSkgQ1vm1cedyrvCDowdVN-EqfYKBud5LXMbh6b1C7z0h7_iL80pszlBd47gCnHtx0O2ams2Imi1w/s1600/subscribe-email.png) no-repeat center right;}#kjsubscription 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;}#kjsubscription 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;}#kjsubscription 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;}
#kjsubscription input[type="submit"]:hover {color: #FFFC00;}</style>
<!--WP Subscribe Box by researchtowork-->
Customize code:
Editing blue words into your Feedburner ID. If you have not registered site feeds you can view the installation guide and sign up for free here.
0 comments