Blog Ke Liye Top 5 Email Subscribe Widget

Blog me subscribe widget add karne ka siple tarika mai aapko meri pichli post Blog Me Email Subscribe Widget Kaise Add Kare me bta chukha hu. aaj is post me aapko kuch stylies subscribe widget ki coding bta raha hu. aapko jo pasand aaye wo widget add kar sakte ho.

Blog me subscribe widget kyu jaruri hai. iske bare me to aap jan hi gaye honge. agar aapko nahi pata to upar di gayi post pad le. ab mai post ko lamba na karte huye direct subscribe widget ka code bta raha hu.

Table of Contents

1 Blog Ke Liye Top 5 Email Subcribe Widget?

Blog Ke Liye Top 5 Email Subcribe Widget?

Ye jo 5 subscrie code mai bta raha hu. ye sab fast loading hai. jisse aapke blog ke loading speed time par koi fark nahi padega. ya fir aap ek bar sabko try karke dekh sakte ho. aapko jo acha lage wohi subscribe widget apne blog me add kare.

Niche diye gaye sabhi code aap direct blog ke layout par ja kar widget me add kar sakte ho.

1 - Very Fast Loading Subscribe Widget

mujhe ye subscribe widget sabse acha lagta hai. kyuki ye meri blog ki theme (template) se related hai or fast loading hai.

ye code copy kare or direct apne blog ke dashboard>>layout>>add a widget>>HTML/Javasript par click kare paste kare.

<style> 
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border:1px 
solid #1A2638; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)}
#mbt-sub-box h2{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}
#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparentborder:medium none;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:90%; color:#666; font-family:georgia; margin-bottom:5px;}
#mbt-sub-box .submit{border:1px 
solid #369a18;background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));background: -moz-linear-gradient(center top , #369A18, #205F0D) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:10px;text-shadow:0 1px 2px #000;width:95%; font-family:georgia; margin-left:5px;}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}
#mbt-sub-box .submit a:active{background: #205F0D} 
</style>
 
 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div id="mbt-sub-box"><h2>Subscribe Today our site and get free content delivered automatically each time we publish</h2><form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=supportmeindia&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Email Address...&quot;;}' onfocus='if (this.value == &quot;Enter Your Email Address...&quot;) {this.value = &quot;&quot;}' size='30' type='text' value='Enter Your Email Address...'/> <input name='uri' type='hidden' value='supportmeindia'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe Now'/></center></form></div> 
</b:if>

2. Email subscribe widget

2. Copy this code.

<style>
.smi-subscribe {
background: url("https://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/color-chronicl.gif") repeat scroll 0 0 transparent;
margin: 0 -10px;
padding: 5px 0;
}
body {
color: #272727;
font-family: Georgia,"Times New Roman",Times,serif;
}
body {
color: #272727;
font-family: Georgia,"Times New Roman",Times,serif;
}
.sidebar .subscribe_wrapper h5 {
color: #FFFFFF;
}
.sidebar h5 {
color: #272727;
font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif;
font-size: 15px;
font-weight: normal;
padding: 4px 0 10px;
}
h5, h6 {
letter-spacing: 2px;
text-transform: uppercase;
}
.sidebar .subscribe_wrapper h5 {
color: #FFFFFF;
}
.sidebar h5 {
color: #272727;
font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif;
font-size: 15px;
font-weight: normal;
padding: 4px 0 10px;
}
h5, h6 {
letter-spacing: 2px;
text-transform: uppercase;
}
.subscribe_wrapper {
background: url("https://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/pattern-chronicl.png") repeat scroll 0 0 #333333;
color: #CCCCCC;
font-size: 14px;
line-height: 20px;
padding: 38px 50px 18px 38px;
}
.emailButton {
background: -moz-linear-gradient(center top , #30A146 0%, #249334 100%) repeat scroll 0 0 transparent;
border: 0 none;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
cursor: pointer;
font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif;
font-weight: bold;
padding: 10px 40px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
width: 100%;
}
.emailText {
background: url("https://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/email.png") no-repeat scroll 10px center #FFFFFF;
border: 0 none;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.05) inset;
color: #444444;
margin: 0 0 15px;
padding: 10px 40px;
text-decoration: none;
width: 70%;
}
input, textarea {
font-family: Georgia,"Times New Roman",Times,serif;
}
.subscribe_wrapper {
color: #CCCCCC;
font-size: 14px;
line-height: 20px;
}
.post-body .emailButton {
width: 300px;
}
.emailButton {
background: -moz-linear-gradient(center top , #30A146 0%, #249334 100%) repeat scroll 0 0 transparent;
border: 0 none;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
cursor: pointer;
font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif;
font-weight: bold;
padding: 10px 40px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
width: 100%;
}
</style>
<div class="smi-subscribe">
<div class="subscribe_wrapper">
<h5>Subscribe Kare !</h5><p>enter your email address and get owr new post delivery update free.</p>
<div id="btntEmailsub">
<form class="btntEmailform" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=supportmeindia', 'popupwindow', 'scrollbars=yes,width=300,height=520');return true" method="post" action="https://feedburner.google.com/fb/a/mailverify">
<input type="hidden" value="supportmeindia" name="uri" />
<input type="hidden" value="en_US" name="loc" />
<input class="emailText" type="text" value="Email Id Likhe..." onfocus="if (this.value == " enter your email...") {this.value="" }" onblur="if (this.value == " ") {this.value="enter your email..." ;}" name="email" />
<input class="emailButton" type="submit" value="Signup Kare! (FREE)" title="" />
</form>
</div>
<p style=" line-height:0px; font-size:8px; font-weight:bold; text-align:right"><a style="color:#D3D3D3;" href="https://www.supportmeindia.com/top-5-email">widgets</a></p>
</div>
</div>

3. Email subscribe widget

3. Copy this post

<style>
#ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9;
background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 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;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
padding: 5px;border: none;}#ig-subscription-optin input.name {
background: white url(https://3.bp.blogspot.com/-Jl2lcnXe42Y/UOb49YMFH8I/AAAAAAAAAiA/hOnOANR83gc/s1600/subscribe-name.png) no-repeat center right;}
#ig-subscription-optin 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;}
#ig-subscription-optin input.email {background: white url(https://2.bp.blogspot.com/-dcien5QLnB8/UOb4N7eNU1I/AAAAAAAAAhw/NxzO8UXjgG4/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin 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;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !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: white;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;}#ig-subscription-optin input[type="submit"] {background: #960E17 url(https://2.bp.blogspot.com/-nmlWGnTX5y4/UOb44zqKGBI/AAAAAAAAAh4/Aaa-E2D0Umk/s1600/subscribe-red.png) repeat-x top;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;}
#ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;} .credit p{ font-size: 10px;}
</style>
<center>
<div align="center" id="supportmeindia-Subscribe-wrapper">
<div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 264px">
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=supportmeindia', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="name" id="supportmeindia_Subscriber_name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Apka Naam" /><br />
<input class="email" id="supportmeindia_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="Email Address" /><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<input name="uri" type="hidden" value="supportmeindia" /><input name="loc" type="hidden" value="en_US" /> <input id="supportmeindia_Submit_Text" style="width: 130px; padding: 5px 0;" type="submit" value="Submit Kare" /></form>
<p style=" line-height:0px; font-size:8px; font-weight:bold; text-align:right"><a style="color:#D3D3D3;" href="https://www.supportmeindia.com/top-5">widgets</a></p>
</div>
</div>
</center>

4. Email subscribe widget

4. Copy this code

<style>
#responsiveness {
padding: 15px 25px 20px;
line-height: 35px;
text-align: center;
background: none repeat scroll 0% 0% #1E1E1E;
margin: -15px;
border-radius: 3px;
}
#responsiveness h5 {
font-size: 17px;
font-weight: 700;
font-family: 'PT Sans',sans-serif;
color: #FFF;
padding: 0px;
text-transform: uppercase;
line-height: 1.2;
margin: 10px 0px 15px;
letter-spacing: 0.01em;
text-align: left;
}
input.placer {
color: #333;
padding: 15px;
font-size: 14px;
font-family: PT Sans,sans-serif;
border: 1px solid #EEE;
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
margin: 10px auto 0px;
border-radius: 3px;
width: 89%;
}
input.button {
background-color: #BA1A00;
color: #FFF;
font-weight: 400;
cursor: pointer;
border-radius: 4px;
text-transform: uppercase;
font-family: PT Sans,serif;
padding: 10px 15px;
border: medium none;
font-size: 16px;
width: 100%;
margin: 15px auto 0px;
}
input.button:hover{
background: #FFF;
color: #333;
}
</style>
<link href='https://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/>
<div id='responsiveness'>
<p style=" line-height:0px; font-size:7px; font-weight:bold; text-align:right"><a style="color:#D3D3D3;" href="https://www.supportmeindia.com/top-5">widgets</a></p>
<h5>Hume Email Par Subscribe Kare</h5><form action='https://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=supportmeindia', 'popupwindow', 'scrollbars=yes,width=550,height=550');return true">
<input class="placer" type='text' name='email' placeholder='enter your name' />
<input class="placer" type='text' name='email' placeholder='enter your email id' />
<input type="hidden" value="supportmeindia" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input value="Subscribe Now" class="button" type="submit" />
</form>
</div>

5. Email subscribe widget

5. Copy this code

<link href='https://fonts.googleapis.com/css?family=Oswald:400' rel='stylesheet' type='text/css'/>
<style>
#supportmeindia-FeedBurner {
border: 1px solid #CCCCCC;
padding: 10px 0;
text-align: center;
width: 298px;
}
#supportmeindia-FeedBurner input[type="text"] {
border: 1px solid #BBBBBB;
font-size: 13px;
margin: 0 0 15px 0;
padding: 10px;
width: 80%;
color:#888;
}
#supportmeindia-FeedBurner input {
box-shadow: 0 2px 2px #BBBBBB;
-moz-box-shadow: 0 2px 2px #BBBBBB;
-webkit-box-shadow: 0 2px 2px #BBBBBB;
}
#name {
background: url(https://i.imgur.com/XrHTe.png) no-repeat scroll right center #FFFFFF;
}
#email {
background: url(https://i.imgur.com/2BCD0.png) no-repeat scroll right center #FFFFFF;
}
#supportmeindia-FeedBurner input[type="submit"] {
background: #6065f8;
border: 1px solid #192126;
color: #FFFFFF;
cursor: pointer;
font-size: 16px;
font-weight: bold;
height: 40px;
margin-top: 5px;
padding: 8px 0;
text-transform: capitalize;
width: 87%;
}
#supportmeindia-FeedBurner input[type="submit"]:hover {
background: none repeat scroll 0 0 #1319da;
transition: all 0.5s;
}
</style>
<div id="supportmeindia-FeedBurner">
<form onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=supportmeindia', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="https://feedburner.google.com/fb/a/mailverify">
<input type="hidden" name="uri" value="supportmeindia" /><p><font size="2" color="#990000">Aapko Ek Email Aayega Usme Ek Link Hogi, Uspar <b>Click Karke Conform</b> Jarur Kare.</font><br/><br/>
<input type="hidden" value="en_US" name="loc" />
<input type="text" id="name" name="name" onfocus="this.value=''" value="Apna Email Dale" placeholder="Apna Email Dale" />
<input type="submit" value="Subscribe Kare!" id="submit" name="submit" />
</p></form>
</div>
<p style=" line-height:0px; font-size:8px; font-weight:bold; text-align:right"><a style="color:#D3D3D3;" href="https://www.supportmeindia.com/top-5">widgets</a></p>

Code copy karne ke bad usme se supportmeindia ke feedburner url ( uri=supportmeindia ) ki jagah apni site ka feedburner url add kar le.

73 Comments

Comments ( 73 )

Yuva Thakur

brother main html coding sikhna chahta hoon kya koi html coding sikhne ke liye site hai
- Jumedeen Khan
  
  Iske liye "w3schools.com" best site hai.
Yuva Thakur

Brother maine aapki puri post padhi apne jo 1 email subscription widge bataya kya main uska color badal sakta hoon main uska color blue rakhna chahta hoon
- Jumedeen Khan
  
  Yes badal sakte ho.
  - Rahul Sahu
    
    Kya Main yah coding wordpress per use kar sakta hun फीड बर्नर को वर्डप्रेस पर यूज किया जा सकता है
    - जुमेदीन खान
      
      हां कर सकते हो
amit kumar

sir aapki sbi post pdh kr mne ek site bnai hai. or meri site complete bn gyi hai. bs ek error aa raha hai
sir meri site pr search form, contact us or subscribe widget pr click krta hu to click nhi hota hai. sir aap check krke btaye ki kya problem hai is me .
- Jumedeen Khan
  
  Ye post padho or iske step follow karke email subscription enable karo. Feedburner Par Email Subscriptions Service Kaise Activate Kare
  - amit kumar
    
    nhi sir ye nhi mai ye kh raha hua id jase aapki site pr koi post search krni hai to me search box me click kruga. or post ki detail likh kr search kruga pr meri site pr search box me click hi nhi hota ha or na contact box me or na hi email subscribe box me. bs comment box pr click hota ha aap check kr le meri site ka url hai yatraforall.in
    - Jumedeen Khan
      
      Ye problem aapke blog ki template me hai. template change karo.
sanjay pal

halo sar mera sanjay sar ap mera ek help kijiye mujhe blogger ka page xtml code mere Email par bhej dijiga mai apka bahut abhari rahuga.
Harshit

Bhaiya ye bohot helpful article he..
dev

bhyi mene feed burner url add kar diya he par jab me post dalta hu email id se verify b kar diay par jab mene post dali to post email par to ayi hi nhi new post aisa kyo
- Jumedeen Khan
  
  feedburner post dalne ke turant bad post mail send nahi karta hai. isme 24 to 48 hours lag sakte hai. aap apna feedburner time change kar sakte ho ki kab aapke visitors ko aapki post ki notificatiobs mile. ye post pado Feedburner Ka Email Delivery Time Kaise Change Kare
maharshi

aap kon si templete use kar rahe ho ??? mujhe wo use karni hai kaha se download karu
- Jumedeen Khan
  
  mythemeshop ribbon theme.
dev

bhyi mene thik se dekh liye highlight nhi huye he mughe 1st wala widget lagana he lekin laga nhi paa rha hu
- Jumedeen Khan
  
  code me http://feedburner.google.com/fb/a/mailverify?uri=supportmeindia wale link ko change karna hai. dev is se jyada clear kaise btau.
dev

bhyi apne jo email widget diye huye he unme mughe ye smgh nahi aa rha he ki feedburner ka url kaha par dalna he wo smgh nhi aa rha he agar aire se aap batate to me dal deta plz isme meri help kijiye
mughe email subcribe widget lagana he apni site par
- Jumedeen Khan
  
  maine code highlight kar diye hai. ab check kar ke change kar lo.
dev

bhyi me smgh nahi paa rha hu ki kaha dalna he plz bhyi meri help kijiye agar airo hota to me us place or dal deta isme mughe pata nhi pad rha he or feeburner url hi to dalna he ya or kuch yani site ka naam b or aireo karke mughe bata dijiye phir me dal lunga plz meri help kijiiye
- Jumedeen Khan
  
  mai aapki template ki coding ko bina dekhe aapko kaise suggest kar sakta hu. aap mujhe jaha editing karni hai. waha ka screen shot dikhao.

Blog Ke Liye Top 5 Email Subscribe Widget

Blog Ke Liye Top 5 Email Subcribe Widget?

1 - Very Fast Loading Subscribe Widget

2. Email subscribe widget

2. Copy this code.

3. Email subscribe widget

4. Email subscribe widget

5. Email subscribe widget

by: Jumedeen Khan

Comments ( 73 )

Leave a Comment Cancel reply

Blog Sitemap Ko Google Search Console Me Submit Kaise Kare

Author Box Description Me Link Kaise Add Karte Hai

Blogger Blog Ko WordPress Par Import Kaise Kare in Hindi