Email Subscription widget apne blog me kaise lagaye ?

66 total views, 3 views today

Email subscription widget ki help se hum apne blog par aane wale visitors ko regular or loyal readers bana sakte hai, agar aap blogging se jude huye ho to aapko pata hi hoga ki email subscription ek blog ke liye kitna jaruri hota hai. Email subscription ke jariye hamare visitors humse jud sakte hai or jab bhi hum koi naya article publish karte hai to unhe mail ke jariye bataya jata hai ki aapne apne blog par kya publish kiya hai.

Email Subscription widget apne blog me kaise lagaye ?


Email subscription hamare traffic or loyal readers ko improve karne me hamari help karta hai as a result hamara adsense earning bhi improve hoga. , isliye har ek blog me email subscription widget hona hi chahiye.

Aaj hum aapko kuch stylish email subscription widget ke bare me batayenge jissay aap easily apne blog me laga sakte ho. To aaiye jante hai ki kaise apne blog me email subscription widget add kare..

Email Subscription widget apne blog me kaise lagaye ?

Aap directly http://feedburner.google.com se apne blog ke liye subscription widget code lekar apne blog me laga sakte ho. Widget code ke liye http://feedburner.google.com me jaye or apne blog ko link kare. 
Email Subscription widget apne blog me kaise lagaye ?
Agar aap already apne blog ko Google feedburner par link kar chuke hai to apne blog title par click kare.
Email Subscription widget apne blog me kaise lagaye ?
Email Subscription widget apne blog me kaise lagaye ?

Publicize>> Email Subcription me jaye or diye gaye code ko copy karke pane Layout>> Add a Gedget  >> HTML/JavaScript me paste kare. Aisa karte hi aapka Email Subcription widget create ho jayega.
Email Subscription widget apne blog me kaise lagaye ?
Par ye widget bahut simple sa lagta hai, aap is widget ko customize kar sakte ho .. Apne Email Subscription widget ko customize karne ke liye niche diye gaye guide ko follow kare.

Email Subscription widget ko kaise customize kare ?

STEP-1

Email Subscription widget apne blog me kaise lagaye ?
1. Layout me jaye
2. Apne sidebar me Add a Gadget par click kare.
3. HTML/JavaScript par click kare.

STEP – 2

Email Subscription widget apne blog me kaise lagaye ?
Niche diye gaye kisi bhi style code ko yaha paste kare.

STYLE – 1

Email Subscription widget style 1

CODE :

<style type=”text/css”>
.hbzsignup-form {
    background: transparent url(“https://2.bp.blogspot.com/-u_-yf5tlEUM/WnwMt3fMMHI/AAAAAAAAF4g/rlzS0Kg4OBI10mq1kCAN54g1slc73szHQCPcBGAYYCw/s320/subcription.jpg”);
    height: 219px;
    background-repeat: no-repeat;
        width: 100%;
        border: 2px solid #c32c25;
}
.hbzform-inner p {
    text-align: center;
    color: #fff;
    padding: 10px;
    font: bold 18px “trebuchet MS”,”Tahoma”;
}
.hbzemailform {
    margin: 120px auto 5px;
    width: 215px;
}
#hbzemailbox {
    background: #FEFEFE none repeat scroll 0% 0%;
    border: medium none;
    font: 12px/12px “HelveticaNeue”,Helvetica,Arial,sans-serif;
    margin-right: 5px;
margin-bottom: 5px;
    box-shadow: 0px 0px 4px rgb(187, 35, 30) inset, 1px 1px 1px rgb(186, 186, 186);
    padding: 7px;
    box-sizing: content-box;
    height: 12px;
    vertical-align: top;
    display: inline-block;
}
#hbzemailbutton {
    background: transparent linear-gradient(to bottom, rgb(202, 48, 40) 0%, rgb(235, 88, 78) 100%) repeat scroll 0% 0%;
    box-shadow: 0px 0px 2px rgb(182, 37, 32) inset;
    border: medium none;
    color: #FFF;
    cursor: pointer;
    font: 13px/13px “HelveticaNeue”,Helvetica,Arial,sans-serif;
    padding: 6px;
    border-radius: 5px;
    height: 27px;
    display: inline-block;
width: 157px;
}
#hbzemailbutton:hover {
    background: transparent linear-gradient(to bottom, #CA3028 0%, #B72420 100%) repeat scroll 0% 0%;
border-radius: 0px;
}
.hbzsocial-icons {
    margin: 20px 0 0;
    overflow: hidden;
    display: block;
    text-align: center;
}
.hbzsocial-icons ul {
    display: inline-block;
    margin: 0 auto !important;
    text-align: center;
    padding: 0px
}
.hbzsocial-icons ul li {
    background: transparent !important;
    border: none !important;
    float: left;
    list-style-type: none !important;
    margin: 0 4px 10px !important;
    padding: 0 !important;
}
.hbzsocial-icons ul li::before,
.hbzsocial-icons ul li::after {
    display: none !important;
}
.hbzsocial-icons ul li a, .hbzsocial-icons ul li a:hover {
    background: url(“http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/s1600/sprite_32x32.png”) no-repeat scroll 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 38px;
    overflow: hidden;
    text-indent: -999px;
    transition: all 0.25s linear 0s; width: 38px;
}
.hbzsocial-icons ul li.social-facebook a {
    background-color: #3b5998;
    background-position: -60px 3px;
}
.hbzsocial-icons ul li.social-twitter a {
    background-color: #00aced;
    background-position: -253px 3px;
}
.hbzsocial-icons ul li.social-gplus a {
    background-color: #dd4b39;
    background-position: -93px 3px;
}
.hbzsocial-icons ul li.social-pinterest a {
    background-color: #cb2027;
    background-position: -157px 3px;
}
.hbzsocial-icons ul li.social-rss a {
    background-color: #F87E12;
    background-position: -189px 3px;
}
.hbzsocial-icons ul li a:hover {
    background-color: #333;
}
.hbzsocial-like {
    display: block;
    text-align: center;
}
.hbzsocial-like tbody, .hbzsocial-like tbody tr {
    display: block;
}
.hbzfb-likes {
    display: inline-block;
    padding-bottom: 15px;
    margin-right: 5px;
}
.hbztw-follow {
    display: inline
}
</style>
<div>
 <div class=’hbzsignup-form’>
  <div class=’hbzform-inner’>
   <p>Sign Up for Email Updates</p>
  </div>
  <div class=’hbzemailform’>
   <form style=”text-align: center;padding: 10px;” action=’http://feedburner.google.com/fb/a/mailverify’ id=’subscribe’ method=’post’ onsubmit=’window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=[Your Blog uri]&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true’ target=’popupwindow’>
    <input name=’uri’ type=’hidden’ value=’[Your Blog uri]‘/>
    <input name=’loc’ type=’hidden’ value=’en_US’/>
    <input id=’hbzemailbox’ name=’email’ required=” type=’text’ placeholder=’Enter your email…’/>
    <input id=’hbzemailbutton’ title=” type=’submit’ value=’Sign up’/>
   </form>
  </div></div></div><div class=”sitemap-link”><a href=”http://www.smart2blogging.com/” style=”font-size: 10px; text-decoration:none; color: transparent;”>By smart2blogging.com</a></div>

STYLE – 2

Email Subscription widget style 2

CODE :

<style type=”text/css”>
.hbzsignup-form {
    background: transparent url(“https://3.bp.blogspot.com/-mXiY_B9FNcw/WnwTs-nK_pI/AAAAAAAAF48/HeffSBkNA1U6wxRF23BtEjtVYBSZsxagwCLcBGAs/s1600/subcription.jpg”) no-repeat scroll center center / 250px 341px;
    height: 341px;
    width: 250px;
    margin: 10px auto 0px auto;
}
.hbzform-inner p {
    text-align: center;
    color: #fff;
    padding: 10px;
    font: bold 18px “trebuchet MS”,”Tahoma”;
}
.hbzemailform {
    margin: 120px auto 5px;
    width: 215px;
}
#hbzemailbox {
margin-bottom: 5px;
    background: #FEFEFE none repeat scroll 0% 0%;
    border: medium none;
    font: 12px/12px “HelveticaNeue”,Helvetica,Arial,sans-serif;
    margin-right: 5px;
    box-shadow: 0px 0px 4px rgb(207, 207, 207) inset, 1px 1px 1px rgb(186, 186, 186);
    padding: 7px;
    box-sizing: content-box;
    height: 12px;
    vertical-align: top;
    display: inline-block;
}
#hbzemailbutton {
    background: transparent linear-gradient(to bottom, rgb(202, 48, 40) 0%, rgb(235, 88, 78) 100%) repeat scroll 0% 0%;
    box-shadow: 0px 0px 2px rgb(182, 37, 32) inset;
    border: medium none;
    color: #FFF;
    cursor: pointer;
    font: 13px/13px “HelveticaNeue”,Helvetica,Arial,sans-serif;width: 115px;
    padding: 6px;
    border-radius: 5px;
    height: 27px;
    display: inline-block;
}
#hbzemailbutton:hover {
    background: transparent linear-gradient(to bottom, #CA3028 0%, #B72420 100%) repeat scroll 0% 0%;
}
.hbzsocial-icons {
    margin-top: 75px;
    overflow: hidden;
    display: block;
    text-align: center;
}
.hbzsocial-icons ul {
    display: inline-block;
    margin: 0 auto !important;
    text-align: center;
    padding: 0px
}
.hbzsocial-icons ul li {
    background: transparent !important;
    border: none !important;
    float: left;
    list-style-type: none !important;
    margin: 0 4px 10px !important;
    padding: 0 !important;
}
.hbzsocial-icons ul li::before,
.hbzsocial-icons ul li::after {
    display: none !important;
}
.hbzsocial-icons ul li a, .hbzsocial-icons ul li a:hover {
    background: url(“http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/s1600/sprite_32x32.png”) no-repeat scroll 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 38px;
    overflow: hidden;
    text-indent: -999px;
    transition: all 0.25s linear 0s; width: 38px;
}
.hbzsocial-icons ul li.social-facebook a {
    background-color: #3b5998;
    background-position: -60px 3px;
}
.hbzsocial-icons ul li.social-twitter a {
    background-color: #00aced;
    background-position: -253px 3px;
}
.hbzsocial-icons ul li.social-gplus a {
    background-color: #dd4b39;
    background-position: -93px 3px;
}
.hbzsocial-icons ul li.social-pinterest a {
    background-color: #cb2027;
    background-position: -157px 3px;
}
.hbzsocial-icons ul li.social-rss a {
    background-color: #F87E12;
    background-position: -189px 3px;
}
.hbzsocial-icons ul li a:hover {
    background-color: #333;
}
.hbzsocial-like {
    display: block;
    text-align: center;
}
.hbzsocial-like tbody, .hbzsocial-like tbody tr {
    display: block;
}
.hbzfb-likes {
    display: inline-block;
    padding-bottom: 15px;
    margin-right: 5px;
}
.hbztw-follow {
    display: inline
}
</style>
<div>
 <div class=’hbzsignup-form’>
<div class=’hbzform-inner’>
   <p> </p>
  </div>
  <div class=’hbzemailform’>
   <form style=”text-align: center;margin-top: 246px;
    padding-right: 30px;” action=’http://feedburner.google.com/fb/a/mailverify’ id=’subscribe’ method=’post’ onsubmit=’window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=[Your Blog uri]&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true’ target=’popupwindow’>
    <input name=’uri’ type=’hidden’ value=’[Your Blog uri]‘/>
    <input name=’loc’ type=’hidden’ value=’en_US’/>
    <input id=’hbzemailbox’ name=’email’ required=” type=’text’ placeholder=’Enter your email…’/>
    <input id=’hbzemailbutton’ title=” type=’submit’ value=’Subscribe’/>
   </form>
  </div></div></div><div class=”sitemap-link”><a href=”http://www.smart2blogging.com/” style=”font-size: 10px; text-decoration:none; color: transparent;”>By smart2blogging.com</a></div>

 STYLE – 3

Email Subscription widget style 3

CODE :

<style type=”text/css”>
.hbzsignup-form {
    background: transparent url(“https://3.bp.blogspot.com/-5pnoJ2mmzEA/WnworaMqrdI/AAAAAAAAF5U/S38kOdwCSLU3bsyH_8l1IDnLuMm0gkLGwCLcBGAs/s1600/subscribe-girl.png”) no-repeat scroll center center / 280px 250px;
    height: 250px;
    width: 289px;
    margin: 10px auto 0px auto;
}
.hbzform-inner p {
    text-align: center;
    color: #fff;
    padding: 10px;
    font: bold 18px “trebuchet MS”,”Tahoma”;
}
.hbzemailform {
    margin: 120px auto 5px;
    width: 215px;
}
#hbzemailbox {
margin-bottom: 5px;
    background: #fff200 none repeat scroll 0% 0%;
    border: medium none;
    font: 12px/12px “HelveticaNeue”,Helvetica,Arial,sans-serif;
    margin-right: 5px;
    box-shadow: 0px 0px 4px rgb(207, 207, 207) inset, 1px 1px 1px rgb(186, 186, 186);
    padding: 7px;
    box-sizing: content-box;
    height: 12px;
    vertical-align: top;
    display: inline-block;
}
#hbzemailbutton {
    background: transparent linear-gradient(to bottom, rgb(202, 48, 40) 0%, rgb(235, 88, 78) 100%) repeat scroll 0% 0%;
    box-shadow: 0px 0px 2px rgb(182, 37, 32) inset;
    border: medium none;
    color: #FFF;
    cursor: pointer;
    font: 13px/13px “HelveticaNeue”,Helvetica,Arial,sans-serif;width: 115px;
    padding: 6px;
    border-radius: 5px;
    height: 27px;
    display: inline-block;
}
#hbzemailbutton:hover {
    background: transparent linear-gradient(to bottom, #CA3028 0%, #B72420 100%) repeat scroll 0% 0%;
}
.hbzsocial-icons {
    margin-top: 75px;
    overflow: hidden;
    display: block;
    text-align: center;
}
.hbzsocial-icons ul {
    display: inline-block;
    margin: 0 auto !important;
    text-align: center;
    padding: 0px
}
.hbzsocial-icons ul li {
    background: transparent !important;
    border: none !important;
    float: left;
    list-style-type: none !important;
    margin: 0 4px 10px !important;
    padding: 0 !important;
}
.hbzsocial-icons ul li::before,
.hbzsocial-icons ul li::after {
    display: none !important;
}
.hbzsocial-icons ul li a, .hbzsocial-icons ul li a:hover {
    background: url(“http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/s1600/sprite_32x32.png”) no-repeat scroll 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 38px;
    overflow: hidden;
    text-indent: -999px;
    transition: all 0.25s linear 0s; width: 38px;
}
.hbzsocial-icons ul li.social-facebook a {
    background-color: #3b5998;
    background-position: -60px 3px;
}
.hbzsocial-icons ul li.social-twitter a {
    background-color: #00aced;
    background-position: -253px 3px;
}
.hbzsocial-icons ul li.social-gplus a {
    background-color: #dd4b39;
    background-position: -93px 3px;
}
.hbzsocial-icons ul li.social-pinterest a {
    background-color: #cb2027;
    background-position: -157px 3px;
}
.hbzsocial-icons ul li.social-rss a {
    background-color: #F87E12;
    background-position: -189px 3px;
}
.hbzsocial-icons ul li a:hover {
    background-color: #333;
}
.hbzsocial-like {
    display: block;
    text-align: center;
}
.hbzsocial-like tbody, .hbzsocial-like tbody tr {
    display: block;
}
.hbzfb-likes {
    display: inline-block;
    padding-bottom: 15px;
    margin-right: 5px;
}
.hbztw-follow {
    display: inline
}
</style>
<div>
 <div class=’hbzsignup-form’>
<div class=’hbzform-inner’>
   <p> </p>
  </div>
  <div class=’hbzemailform’>
   <form style=”text-align: center;margin-top: 129px;
    margin-right: -15px;” action=’http://feedburner.google.com/fb/a/mailverify’ id=’subscribe’ method=’post’ onsubmit=’window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=[Your Blog uri]&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true’ target=’popupwindow’>
    <input name=’uri’ type=’hidden’ value=’[Your Blog uri]‘/>
    <input name=’loc’ type=’hidden’ value=’en_US’/>
    <input id=’hbzemailbox’ name=’email’ required=” type=’text’ placeholder=’Enter your email…’/>
    <input id=’hbzemailbutton’ title=” type=’submit’ value=’Subscribe’/>
   </form>
  </div></div></div><div class=”sitemap-link”><a href=”http://www.smart2blogging.com/” style=”font-size: 10px; text-decoration:none; color: transparent;”>Get This Widget</a></div>

STYLE – 4

Email Subscription widget style 4

CODE :

<style type=”text/css”>
.hbzsignup-form {
    background: transparent url(https://3.bp.blogspot.com/-xVHeUlcGYZM/WnwsOcZFWlI/AAAAAAAAF5s/1rzSsTgsAJE7rFGMhlDbMx9Lyk7ixzH5wCLcBGAs/s1600/subscribe.png);
    height: 295px;
    width: 250px;
    margin: 10px auto 0px auto;
background-repeat: no-repeat;
}
.hbzform-inner p {
    text-align: center;
    color: #fff;
    padding: 10px;
    font: bold 18px “trebuchet MS”,”Tahoma”;
}
.hbzemailform {
    margin: 120px auto 5px;
    width: 215px;
}
#hbzemailbox {
margin-bottom: 5px;
    background: #ffffff none repeat scroll 0% 0%;
    border: medium none;
    font: 12px/12px “HelveticaNeue”,Helvetica,Arial,sans-serif;
    margin-right: 5px;
    box-shadow: -2px 0px 14px 4px rgb(207, 207, 207), 1px 1px 1px rgb(186, 186, 186);
    padding: 7px;
    box-sizing: content-box;
    height: 12px;
    width: 174px;
    vertical-align: top;
    display: inline-block;
}
#hbzemailbutton {
    background: transparent linear-gradient(to bottom, rgb(202, 48, 40) 0%, rgb(235, 88, 78) 100%) repeat scroll 0% 0%;
    box-shadow: 0px 0px 2px rgb(182, 37, 32) inset;
    border: medium none;
    color: #FFF;
    cursor: pointer;
    font: 13px/13px “HelveticaNeue”,Helvetica,Arial,sans-serif;width: 115px;
    padding: 6px;
    border-radius: 5px;
    height: 27px;
    display: inline-block;
}
#hbzemailbutton:hover {
    background: transparent linear-gradient(to bottom, #CA3028 0%, #B72420 100%) repeat scroll 0% 0%;
}
.hbzsocial-icons {
    margin-top: 75px;
    overflow: hidden;
    display: block;
    text-align: center;
}
.hbzsocial-icons ul {
    display: inline-block;
    margin: 0 auto !important;
    text-align: center;
    padding: 0px
}
.hbzsocial-icons ul li {
    background: transparent !important;
    border: none !important;
    float: left;
    list-style-type: none !important;
    margin: 0 4px 10px !important;
    padding: 0 !important;
}
.hbzsocial-icons ul li::before,
.hbzsocial-icons ul li::after {
    display: none !important;
}
.hbzsocial-icons ul li a, .hbzsocial-icons ul li a:hover {
    background: url(“http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/s1600/sprite_32x32.png”) no-repeat scroll 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 38px;
    overflow: hidden;
    text-indent: -999px;
    transition: all 0.25s linear 0s; width: 38px;
}
.hbzsocial-icons ul li.social-facebook a {
    background-color: #3b5998;
    background-position: -60px 3px;
}
.hbzsocial-icons ul li.social-twitter a {
    background-color: #00aced;
    background-position: -253px 3px;
}
.hbzsocial-icons ul li.social-gplus a {
    background-color: #dd4b39;
    background-position: -93px 3px;
}
.hbzsocial-icons ul li.social-pinterest a {
    background-color: #cb2027;
    background-position: -157px 3px;
}
.hbzsocial-icons ul li.social-rss a {
    background-color: #F87E12;
    background-position: -189px 3px;
}
.hbzsocial-icons ul li a:hover {
    background-color: #333;
}
.hbzsocial-like {
    display: block;
    text-align: center;
}
.hbzsocial-like tbody, .hbzsocial-like tbody tr {
    display: block;
}
.hbzfb-likes {
    display: inline-block;
    padding-bottom: 15px;
    margin-right: 5px;
}
.hbztw-follow {
    display: inline
}
</style>
<div>
 <div class=’hbzsignup-form’>
<div class=’hbzform-inner’>
   <p> </p>
  </div>
  <div class=’hbzemailform’>
   <form style=”text-align: center;margin-top: 236px;
    margin-right: -15px;” action=’http://feedburner.google.com/fb/a/mailverify’ id=’subscribe’ method=’post’ onsubmit=’window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=[Your Blog uri]&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true’ target=’popupwindow’>
    <input name=’uri’ type=’hidden’ value=’[Your Blog uri]‘/>
    <input name=’loc’ type=’hidden’ value=’en_US’/>
    <input id=’hbzemailbox’ name=’email’ required=” type=’text’ placeholder=’Enter your email…’/>
    <input id=’hbzemailbutton’ title=” type=’submit’ value=’Subscribe’/></form></div></div></div><div class=”sitemap-link”><a href=”http://www.smart2blogging.com/” style=”font-size: 10px; text-decoration:none; color: transparent;”>Get This Widget</a></div>

STYLE – 5

Email Subscription widget style 5

CODE :

<style type=”text/css”>
.hbzsub {
    background-color: #1E293B;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 10px rgb(30, 41, 59);
}
.hbzemailform {
    width: 263px;
        margin-bottom: 30px;
    margin-left: 26px;
}
.hbzform-inner h4 {
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 10px;
    font: bold 18px/40px “trebuchet MS”,”Tahoma”;
}
#hbzemailbox {
    background-color: #FFF;
    border: 1px solid #FFF;
    border-radius: 7px 0px 0px 7px;
    height: 20px;
    padding: 6px;
    box-sizing: content-box;
}
#hbzemailbutton {
    background-color: #F0553B;
    border: 1px solid #F0553B;
    color: #FFF;
    height: 34px;
    border-radius: 0px 7px 7px 0px;
    margin-left: -4px;
    font-weight: 600;
    cursor: pointer;
}
#hbzemailbutton:hover {
    background-color: #1E293B;
    border: 1px solid #FFF;
    box-shadow: 0 0 5px #ddd;
}
.hbzsocial-like {
    background: transparent url(“https://3.bp.blogspot.com/-2hqsqwGQg2M/VsCLsiFb2sI/AAAAAAAAAMY/7jkBsN8tVIg/s1600/Facebook-twitter-rectangle.png”) no-repeat scroll center center / 250px 157px;
    width: 250px;
    height: 120px;
    margin: 10px auto;
}
.hbzfb-likes {
    margin-top: 90px;
    margin-left: 20px;
    position: absolute;
    display: block;
    box-shadow: 0px 0px 10px rgba(9, 42, 87, 0.73);
}
.hbztw-follow {
    display: block;
    margin-left: 152px;
    position: absolute;
    margin-top: 89px;
    box-shadow: 0 0 10px rgba(2, 81, 173, 0.59);
    height: 20px;
}
</style>
<div class=”hbzsub”>
 <div class=’hbzsignup-form’>
  <div class=’hbzform-inner’>
   <h4>Get Posts In Your Inbox</h4>
  </div>
  <div class=’hbzemailform’>
   <form action=’http://feedburner.google.com/fb/a/mailverify’ id=’subscribe’ method=’post’ onsubmit=’window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=[Your Blog uri]&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true’ target=’popupwindow’>
    <input name=’uri’ type=’hidden’ value=’[Your Blog uri]‘/>
    <input name=’loc’ type=’hidden’ value=’en_US’/>
    <input id=’hbzemailbox’ name=’email’ required=” type=’text’ placeholder=’Enter Your Email Here…’/>
    <input id=’hbzemailbutton’ title=” type=’submit’ value=’Subscribe’/></form></div></div></div><div class=”sitemap-link”><a href=”http://www.smart2blogging.com/” style=”font-size: 10px; text-decoration:none; color: transparent;”>Get This Widget</a></div>

STEP – 3

 Style code me2 jagah [Your Blog uri] hai usay aapne feed title ke sath replace kare. Feed title pane ke liye http://feedburner.google.com me jaye or Publicize >> Email Subcription >> apne uri search kare.

Email Subscription widget apne blog me kaise lagaye ?

STEP – 4

Email Subscription widget apne blog me kaise lagaye ?


Save buttom par click kare

Friends aaj humne aapko bataya ki kaise apne blog par Email Subscription widget lagaye or kaise isay customize kare. Aap bhi apne blog me email subscription widget lagaye or apne blog ko apne visitors ke sath link kare. Agar aapko Email Subscription widget lagane me koi problem ho rahi hai to humse comment ke jariye jarur bataye. HAPPY BLOGGING

🚣‍♀️ Agar aapko ye article acchi lagi to isay apne social network par jarur share kare 🤓 THANKS

Leave a Reply

Your email address will not be published. Required fields are marked *