Add Subscribe by email professionally add very fantastic Because they contain important features. additions to add one which saves you look at all the add-on unit as it does not take a great deal of coordination Blog Therefore, this addendum is considered important for all bloggers and developers.
How To Add New Subscribe Box For Blogger
Written explanation
2) Add a HTML/JavaScript Gadget.3) Paste below code in it.
<style type='text/css'>
#sidebar-subscribe-box{background:#9df !important;padding:3px 0;margin-top:-6px;
margin-bottom:-17px;}
.sidebar-subscribe-box-wrapper{
background-color:#93d1ea;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzun6mPOgmgTNdNOjfA1CAJRv3rJ5zlgBKBNTGZ7eAl4f4ipTiXqjysXaLKZBOaaSswdCy5U7jXUEZ7Y2Imn-CGIwpmgS8SQXuUdD7V88oyabgb5FX1qD0UUvFTYLxoWIzbZP_HIrlfdk/s1600/mail_s.png) right 20px no-repeat;color:#fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
line-height:20px;
padding:1px 20px 10px;text-align:left;}
.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}
form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8croapAI_m2Hl-voIovHIwkTD5uEtkRDrA8nFRsP4oBuvvleKyU35nziHo1eMv9MSDvRYB_Az4vtFF_Dj_xX22QK9kuVPu92BBm8nZs4WJg_XnJ2edaPIz1vd9m__axrX_YOlQWd9-Yk/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:48%;margin-right:-3px;}
.sidebar-subscribe-box-email-button{
box-shadow:none!important;
margin-left:8px;
border-radius: 6px;
width:40px !important;
background:#333;
color:#fff;
cursor:pointer;
font-family:verdana;
font-weight:700;
padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;
padding-left:10px;padding-left:1px}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#333}.sidebar-subscribe-box-email-button:active{iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:20%}embed{border-radius:3px;background:#FFF;border:1px solid #ddd;margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSHYEyQpBI_48bJFpngqq4zeCKl2sT5HOv-iYpMu-nTyge7K0y7auSAFU7iVKq64VYO3T0ZYVdiDlm8nihr-QAxEuxP-KQtdBDQZvtguWgHh_oPTHy0C_lG-sHkwZmd_rkAbDnU18c0Yw/h120/bg-pattern.png) repeat top left;border-top:1px solid #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
.border_b {
background: url(http://themes.presslayer.com/Place/wp-content/themes/Place/images/mail_border.png)repeat-x;
z-index:1;
}
.top-border{
margin-bottom:-100px;
}
</style>
<div class="top-border">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvCkSkSc8Z144BLz-ZqaIIE300BjguQnBRk8wrJTmaNPxzxjDpOzRChiz5HJ2Y0IL6pHwpn6R0CpwLy7oXmaYDqAV3-zA6UKGXKtW4b5JZ0jVAn0VGJI9ZrQXMB5HoC5ltY0Ea5y_B8Vw/s1600/mail_border.png" width="100%" height="3"/>
</div>
<div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper">
<br/>
<p><font size="5">Newsletter</font></p>
<br/>
<p>Sign up to receive email updates and to hear what's going on with our company!</p>
<br/>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=USERNAME1" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USERNAME1', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="USERNAME1'" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Your email address :)"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="OK" /></form></div></div>
</div>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ZeUBhvFYMVJcpgWtlZNy_y21GzowLqC219brf0BBeB0zicWwGI31zNYnqqYaSR-PXNlJ6PKzJ2KKjdY9fnA8xuo3faBMMV84WNyVipTo-rsY2Jxu5wJcNYDNnJy9JRvaIM2E9fDs0uU/s1600/mail_border+(1).png" width="100%" height="3"/>
4) Customize your setting.Find any word click F3 or Ctrl+F.
Replace it USERNAME1 with your Feedburner Username.
5) Save your Widget.
Post a Comment