How To Add Subscribe box Widget To Your Blogger Site

Subscribe box widget is essential for every blogger. By the subscribing user get the new update in 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 and 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 and past 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 word "nirsoftbd" With your Feedburner username and enjoy the widget
Share this post for others welfare.

NirSOFT

ads

How To Add Subscribe box Widget To Your Blogger Site

Ads