Responsive E-Mail Subscription Box For Blogger

How to add together responsive electronic mail subscription box on Blogger?

Hello Bloggers! Here I am going to part a unproblematic responsive Blogger Email subscription box widget/gadget amongst cite in addition to electronic mail cast section. Through which people tin subscribe your spider web log to acquire your latest updates of your spider web log post through Email notifications. This widget/gadget is quite responsive in addition to is likewise corking inwards appearance. You should operate this widget/gadget.

Script codes to setup Email subscription box on your blog

1 two three iv v six vii 8 nine x eleven 12 xiii fourteen fifteen xvi 17 xviii xix twenty 21 22 23 24 25 26 27 28 29 thirty 31 32 33 34 35 36 37 38 39 forty 41 42 43 44 45 46 47 48 49 fifty 51 52 53 54 55 56 57 58 59 lx 61 62 63 64 65 66 67 68 69 seventy 71 72 73 74 75 76 77

<style> #bgt-subscribe-box .header{ background: none ; color: #a333333; font-size: 28px; line-height: 36px; padding: 15px 25px; font-weight: 700; font-family: opened upwards sans; text-align: center; } #bgt-subscribe-box { width:auto; height:auto; background:#ffffff; } #bgt-subscribe-box p { font-family:'Open Sans'; font-size:13px; color:#888; line-height:20px; padding:10px 20px 0 20px; margin:0; } #bgt-subscribe-box .bgt-emailfield { padding:0px 20px 10px; } #bgt-subscribe-box .bgt-emailfield input { background:#fff; color:#bbb; padding:10px; margin-top:10px; font-size:13px; font-family:'Open Sans'; width:91%; border:0; border:1px solid #ccc; transition:all 0.4s ease-in-out; } #bgt-subscribe-box .bgt-emailfield input:focus { outline:none; border:1px solid #d9d9d9; color:#888; } #bgt-subscribe-box .bgt-emailfield .bgt-submitbutton { background:#0098d3; color:#fff!important; text-transform:uppercase; font-weight:bold; border:none; outline:none; width:100%; cursor:pointer; transition:all 0.4s ease-in-out; } #bgt-subscribe-box .bgt-emailfield .bgt-submitbutton:active { outline:none; border:none; background:#444; color:#fff; } #bgt-subscribe-box .bgt-emailfield .bgt-submitbutton:hover{ background:#333333; color:#fff; } </style> <div id='bgt-subscribe-box'> <div class='bgt-emailfield'> <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=howtolearnblogcom', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <input type='text' name='name' onblur='if (this.value == "") {this.value = "Enter Your Name";}' onfocus='if (this.value == "Enter Your Name") {this.value = "";}' value='Enter Your Name'/> <input type='text' name='email' onblur='if (this.value == "") {this.value = "Enter Your Email Address";}' onfocus='if (this.value == "Enter Your Email Address") {this.value = "";}' value='Enter Your Email Address'/> <input name='uri' type='hidden' value='howtolearnblogcom'/> <input name='loc' type='hidden' value='en_US'/> <input class='bgt-submitbutton' type='submit' value='Subscribe Now!'/> </form> </div></div>

How to setup subscribe box for Blogger (Blogspot)?

Follow these steps:

• Replace all the yellow marked name amongst your spider web log feed name.
• Paste this code on sidebar of your blog.
• Go to Theme department on your blog.
• Click on Add Gadgets on sidebar. 
• Select HTML/JAVASCRIPT

• Modify in addition to re-create the to a higher house codes.
• Put the end code on html/javascript box.

I promise everything is clear. If yous accept whatever variety of work regarding to setup subscribe box on Blogger's blog. Then, Please write your work below on comment box.