How To Add Subscribe box Widget To Your Blogger Site

Subscribe box widget is essential for every blogger. By the subscribing user instruct the novel update inwards their mail.
আপনার ব্লগস্পট ব্লগে ই-মেইল সাবস্ক্রাইব বক্স যোগ করুন। এই বক্সের মাধ্যমে আপনি প্রচুর ভিসিটর পেতে পারেন আপনার সাইটে। কারণ একজন ভিসিটর যদি আপনার সাইটে সাবস্ক্রাইব করে তাহলে আপনার প্রতিটা পোষ্ট তার মেইলে চলে যাবে। তাহলে চলুন শুরু করা যাক।

Result of Subscribe Widget

Step 1: Go to your blogger Dashboard > Template > Edit HTML
Step 2: Add the below CSS Code on CSS Section in addition to Save Template

 /* CSS Subscribe Box By MS Design */ #HTML98 h2:before {font-family:FontAwesome,SolaimanLipi,Kalpurush,Siyam Rupali;content:&#39;\f003&#39;!important;margin-right:10px; font-size:20px;} #subscribe-box {width:300;height:250;background-color:#48cb7a;} #subscribe-box p {font-family:&#39;Open Sans&#39;,SolaimanLipi,Kalpurush,Siyam Rupali;font-size:13px;color:#fff;line-height:20px;padding:10px 20px 0 20px;margin:0;} #subscribe-box .emailfield {padding:0px 20px 10px;} #subscribe-box .emailfield input {background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:13px;font-family:&#39;Open Sans&#39;,SolaimanLipi,Kalpurush,Siyam Rupali;width:91%;border:0;transition:all 0.4s ease-in-out;} #subscribe-box .emailfield input:focus {background:#fff;outline:none;color:#888;} #subscribe-box .emailfield .submitbutton {background:#444;color:#fff;text-transform:uppercase;font-weight:normal;font-size: 16px;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;} #subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#fff;color:#e25734;} #subscribe-box .emailfield .submitbutton:hover{background:#fff;color:#444;}

Step 3: Click on Layout > Add a Gadget > HTML/Javascript
Step 4: Then Copy the below Code in addition to by on HTML/Javascript Section

<div id='subscribe-box'>                  <center><p>আমাদের নতুন নতুন পোষ্ট গুলো ই-মেইল এর মাধ্যমে পেতে রেজিষ্ট্রেশন করুন।</p></center>              <div class='emailfield'>               <form action='http://feedburner.google.com/fb/a/mailverify?uri=nirsoftbd' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=nirsoftbd, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>                <input type='text' name='name' onblur='if (this.value == &quot;&quot;) {this.value = &quot;আপনার নাম&quot;;}' onfocus='if (this.value == &quot;Your Name&quot;) {this.value = &quot;&quot;;}' value='আপনার নাম'/>                <input type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='আপনার ই-মেইল'/> <input name='uri' type='hidden' value='naiyori'/> <input name='loc' type='hidden' value='en_US'/>                 <input class='submitbutton' type='submit' value='রেজিষ্ট্রেশন করুন!'/>                </form>              </div></div>

NOTE: Edit The give-and-take "nirsoftbd" With your Feedburner username in addition to bask the widget
Share this post for others welfare.