Best Fashionable & Responsive Blogger Newsletter E-Mail Subscription Widgets


Blogger Newsletter Email Subscription Widgets  Best Stylish & Responsive Blogger Newsletter Email Subscription Widgets
Email subscription widget for blogger volition plow your readers into subscribers fast in addition to easy. Have yous added a blogger e-mail subscription widget yet? You request to automate your readers to alter them to your content marketing strategy through e-mail marketing. Presently, thousands of bloggers are using Feed Burner e-mail subscription service, But every bit for me i prefer mailchimp i click subscription. This is an first-class agency to increment traffic to your website past times embedding a subscribe to newsletter widget that tells the visitor yous induce got to a greater extent than to offer. Actually, when yous permit your readers subscribe to your blog, they volition larn updates straight to their e-mail inbox. That's when the returning visitors generate practiced SEO rank for your website.

Today I'm going to portion to yous a Blogger subscribe box widgets/gadgets amongst Name in addition to Email filling box style. From which people tin subscribe your weblog to larn your latest updates on their e-mail account. 

H5N1 subscription box widget helps weblog owners to grow their mailing list. That is likely the argue why, Most of the pro Bloggers are using unique in addition to attractive e-mail subscription box in addition to they induce got lots of Subscribers.Believe me yous that the to a greater extent than the subscribers, the to a greater extent than the views. The to a greater extent than the views, the to a greater extent than back-links yous get. As yous larn to a greater extent than back-links, the to a greater extent than the SEO rank inward search engines. Now i know yous similar a shot know the touching on of Email Newsletter Widgets inward a blogger template.

Without much time, permit me induce got yous i to i to the exceed practiced looking responsive blogger newsletter e-mail subscription widgets. I induce got labeled them amongst letters in addition to thence making it tardily for yous to apply them easily to your preferred blogger blogs. Choose a color in addition to blueprint of the subscription widget that corresponds your weblog design.
 The Number i Simple in addition to Responsive newsletter widget is every bit below . Its a sidebar blogger subscription widget. Its good optimized to avoid loading fourth dimension increase. The page insights volition read the same fifty-fifty afterwards employing the below widget. 


Stylish & Responsive Newsletter Email Subscription Widgets  For Blogger.

A. Stylish Gradual Email Subscribe Widget For Blogger Blog.

 The Number i Simple in addition to Responsive newsletter widget is every bit below . Its a sidebar blogger subscription widget. Its good optimized to avoid loading fourth dimension increase. The page insights volition read the same fifty-fifty afterwards employing the below widget. 


Blogger Newsletter Email Subscription Widgets  Best Stylish & Responsive Blogger Newsletter Email Subscription Widgets

Widget Code.
[ <style>
/***** Email Subscription Widget For Blogger By Https://shoutersplanet.blogspot.com *****/
//@media(max-width:400px) {.sbox{width:109%!important;}}
//@media(max-width:1024px) in addition to (min-width:400px)  {.sbox{width:106.5%!important;}}
.sbox {background:#009abe;text-align:center;width:100%;}
.sbox bridge {color:#fff;font-family:roboto;font-size:27px;}
.sbox .small {font-size:18px;}
input.boxinput::placeholder {color:#fff;}
.sbox .hatespam {font-size:15px;}
.sbox .boxinput::placeholder {color:#fff;}
.sbox .boxinput {background:rgba(0,0,0,0.4);color:#fff;border:none;padding-top:13px;padding-bottom:13px;font-family:roboto;margin-bottom:10px;outline:none;transition:.3s;width:86%;text-align:center;border-radius:4px;}
.sbox .boxsubmit {box-shadow:0px 0px 31px 0px rgba(0,0,0,0.2);width:86%;text-align:center;padding-top:13px;padding-bottom:13px;background:#fff;outline:none;border:none;color:#009abe;font-family:roboto;cursor:pointer;border-radius:4px;}
.sbox .boxsubmit:active {background:rgba(0,0,0,0.6);color:#fff;}
.sbox {border-radius:8px!important;padding:0!important;border:none!important;}
.sbox .widget-content {margin:0!important;}
#sidebar-wrap .widget {overflow-x:hidden;}
.sbox {background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)!important;width:100%;}
.sbox .boxsubmit {box-shadow:none!important;border-radius:2px!important;color:#764ba2!important;}
.sbox .boxinput {border-radius:2px!important;}
</style>
<div class='sbox wow rubberBand'>
<center>
<br /><span class='icon'><img height='auto' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigGSGBDJYmDGDawd_43Rz3BTcm6kYWlpIez7tDDjc5wF1bH58F39Ozc64XzmimNpU1iyA7HgqJg29nfO9CspiWFHlHRzbPRWwFzqPPF6OYBbOYhviY2k4N50Tb5IO6Aap5XD6km6V435I/s1600/email.png' width='150px'/></span><br/>
</center>
<span>Newsletter</span><br /><br />
<span class='small'>Get SEO hush-hush tips newsletter straight inward your inbox!</span><br /><br />
<center>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&#39;https://feedburner.google.com/fb/a/mailverify?uri=Seoclive&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;); render true' target='popupwindow'><input class='boxinput' name='EMAIL' placeholder='Your Email Address' type='email' required/>
<input class='boxsubmit' type='submit' value='Submit'/><input name='uri' type='hidden' value='shoutersplanet'/>
<input name='loc' type='hidden' value='en_US'/></form><br />
<span class='hatespam'>Get Ranked Today</span><br /><br />
</center></div> ]

Adding To Blogger
  1. Go to Design > Page Elements.
  2. Click Add H5N1 Gadget.
  3. In Add H5N1 Gadget window, pick out HTML/Javascript .
  4. Copy the code below in addition to glue it within the content box.
  5. Save the gadget.
  6. Drag the gadget in addition to reposition it nether Blog Posts gadget.
  7. Click Save push clit (top correct mitt corner).

B. Email Subscription Widget With Social Buttons

Even the Blogger platform  supply the Email subscription widget for blogger only that's non much appealing as  considered inward custom fashionable e-mail subscription box amongst social media integration.
This is i of the best subscription widgets for blogger.

Blogger Newsletter Email Subscription Widgets  Best Stylish & Responsive Blogger Newsletter Email Subscription Widgets
Widget Code.

[ <style type="text/css">
.hbzsub {     background-color: rgb(87, 98, 105);     width: 100%;     height: 100%;     padding: 5px;     box-shadow: 0px 0px 5px rgb(87, 98, 105); }  .hbzform-inner {     text-align: center;     color: rgb(255, 255, 255);     font: bold 16px "trebuchet MS","Tahoma"; }  .hbzemailform {     width: 240px;     margin: 10px auto; }  #hbzemailbox {     background-color: #798187;     color: #FFF;     width: 208px;     border: 1px enterprise #697780;     padding: 15px;     text-align: center;     height: 18px;     box-sizing: content-box; }  #hbzemailbutton {     background-color: rgb(243, 93, 92);     border: 1px enterprise rgb(215, 84, 83);     color: rgb(255, 255, 255);     width: 240px;     font: bold 16px "trebuchet MS","Tahoma";     padding: 15px;     text-align: center;     height: 50px;     margin: 10px auto;     cursor: pointer; }  #hbzemailbutton:hover {     background-color: #E64C4B;     border: 1px enterprise #BF4A49; }  .hbzsignup-form {     margin-top: 15px; }  .hbzsocial-icons {     overflow: hidden;     text-align: center;     border-bottom: 1px enterprise rgb(133, 133, 133);     width: 230px;     display: block;     margin: 20px auto; }  .hbzsocial-icons ul {     margin: 0px automobile !important;     text-align: center;     padding: 0px !important;     display: inline-block; }  .hbzsocial-icons ul li {     background: transparent none repeat scroll 0% 0% !important;     border: medium none !important;     float: left;     list-style-type: none !important;     padding: 0px !important;     margin: 0px 2px !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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE0tM6c4KWnJThmQB4MIk9vnaDYdd0wJggTe5lEGTKb65msgchkusZXkFjj16HVgAjUnL-vwWyAWAtAraB_AaadAqICYDLs_O47VwvLRT4gGG37gZS1Cc-cqiYIL-mA_zJnoYBCVmiBzZQ/s1600/sprite_32x32.png") no-repeat scroll 0 0;     -moz-border-radius: 50%;     -webkit-border-radius: 50%;     border-radius: 50%;     display: block;     height: 34px;     overflow: hidden;     text-indent: -999px;     transition: all 0.25s linear 0s;     width: 34px; }  .hbzsocial-icons ul li.social-facebook a {     background-position: -62px 1px; }  .hbzsocial-icons ul li.social-facebook a:hover {     background-color: #3b5998;  }  .hbzsocial-icons ul li.social-twitter a {     background-position: -254px 1px; }  .hbzsocial-icons ul li.social-twitter a:hover {     background-color: #00aced;  }  .hbzsocial-icons ul li.social-gplus a {     background-position: -95px 0px; }  .hbzsocial-icons ul li.social-gplus a:hover {     background-color: #dd4b39;  }  .hbzsocial-icons ul li.social-pinterest a {     background-position: -159px 1px; }  .hbzsocial-icons ul li.social-pinterest a:hover {     background-color: #cb2027;  }  .hbzsocial-icons ul li.social-rss a {     background-position: -190px 0px; }  .hbzsocial-icons ul li.social-rss a:hover {     background-color: #F87E12;  }  </style>  <div class="hbzsub">  <div class="hbzsocial-icons">   <ul>    <li class="social-facebook"><a href="[Fb url]" target="_blank" title="Best Stylish & Responsive Blogger Newsletter Email Subscription Widgets ">Facebook</a></li>    <li class="social-twitter"><a href="[Twitter url]" target="_blank" title="Best Stylish & Responsive Blogger Newsletter Email Subscription Widgets ">Twitter</a></li>    <li class="social-gplus"><a href="[Google+ url]" target="_blank" title="Best Stylish & Responsive Blogger Newsletter Email Subscription Widgets ">Google+</a></li>    <li class="social-pinterest"><a href="[Pinterest url]" target="_blank" title="Best Stylish & Responsive Blogger Newsletter Email Subscription Widgets ">Pinterest</a></li>    <li class="social-rss"><a href="[RSS url]" target="_blank" title="Best Stylish & Responsive Blogger Newsletter Email Subscription Widgets ">RSS</a></li>   </ul>  </div>   <div class='hbzsignup-form'>   <div class='hbzform-inner'>    <h4>Subscribe to my Newsletter</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='Your Email'/>     <input id='hbzemailbutton' title='' type='submit' value='Subscribe'/>    </form>   </div>  </div> </div> ]

Configuration The Subscription Box In Blogger..
  • Replace [Your Blog uri] amongst Your weblog Uri which is basically your Feed title. You tin larn it past times visiting http://feedburner.google.com in addition to so navigate to Publicize > Email Subscription in addition to discovery your uri value inward given box. For eg: http://feedburner.google.com/fb/a/mailverify?uri=Seoclive in addition to <input name='uri' type='hidden' value='Seoclive'/>
  • Replace [Fb url] amongst your Facebook page URL. For eg: https://www.facebook.com/seoclive
  • Replace [Twitter url] amongst your twitter page URL. For eg: http://www.twitter.com/seoclive_
  • Replace  [Google+ url] amongst your google+ page or describe of piece of job organization human relationship URL. For eg: https://plus.google.com/#
  • Replace [RSS url] amongst your RSS URL. For eg: http://feeds.feedburner.com/Seoclive
  • Replace [Pinterest url] amongst your pinterest URL.
  • Replace [Twitter Username] amongst your twitter describe of piece of job organization human relationship username. For eg : @Seoclive_
  • Replace [Fb Page Name] amongst your Facebook Page Name. For eg : seoclive
Note: Minimum Sidebar width required - 230px.

C : Best Email Responsive. 


Blogger Newsletter Email Subscription Widgets  Best Stylish & Responsive Blogger Newsletter Email Subscription Widgets




[ <style type='text/css'>#sidebar-subscribe-box {
    background: url(<a class="vglnk" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2kv6jHfv24_ummyGcvQMuaZjaKdHReb_93Yj6cxRitLXF-Kb3WfH-dmrLkuLdyDzJZmdW0SYwlOCQxNfG00ChJUvEh7No9HS2yLt_vHpvp4dXdHjT6Q74gc81ZpdJk6xtEHbpp_fb-00x/s1600/colored-strip.png" rel="nofollow"><span>http</span><span>://</span><span>1</span><span>.</span><span>bp</span><span>.</span><span>blogspot</span><span>.</span><span>com</span><span>/-</span><span>IyEBRR8yOQQ</span><span>/</span><span>UBhYdBd23PI</span><span>/</span><span>AAAAAAAAFTU</span><span>/</span><span>aeW3JdAlrCs</span><span>/</span><span>s1600</span><span>/</span><span>colored</span><span>-</span><span>strip</span><span>.</span><span>png</span></a>) repeat scroll 0 0 transparent;
    border: 1px enterprise #aaa;
    border-radius: 3px;
    padding: 3px 0;
}
.sidebar-subscribe-box-wrapper {
    background: url(<a class="vglnk" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_6s4D_ggKWkslJB8PHqolP_HwAE9PoTI0sUsdv6Jdnq9s-m2BQ_KSeiQnCq_I7LVHwO3iwwscDKNpLffa-eFNY4kefJF23jsy5GWhKSYj_Wi-nT2SS3DPc6R-GLUVq5QiUnLmxLUq5sNq/s1600/bg-pattern.png" rel="nofollow"><span>http</span><span>://</span><span>2</span><span>.</span><span>bp</span><span>.</span><span>blogspot</span><span>.</span><span>com</span><span>/-</span><span>tUlo5p5gP8o</span><span>/</span><span>UBhYciGNgwI</span><span>/</span><span>AAAAAAAAFTM</span><span>/</span><span>x22pIuNLVPw</span><span>/</span><span>s1600</span><span>/</span><span>bg</span><span>-</span><span>pattern</span><span>.</span><span>png</span></a>) repeat scroll 0 0 #f7f7f7;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    padding: 1px 20px 10px;
    text-align: center;
    text-transform: uppercase;
}
.sidebar-subscribe-box-form {
    clear: both;
    display: block;
    margin: 10px 0;
}
form.sidebar-subscribe-box-form {
    clear: both;
    display: block;
    margin: 10px 0 0;
    width: auto;
}
.sidebar-subscribe-box-email-field {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #fff url(<a class="vglnk" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXk9LUwU5m1EKrup7OxuNVjsgMYYmCJl1xjm81LaABcG9mWmm2k6rHnxnQAQkiB_kvfPB23RG2OQm_M52G2lH6Og8QHR1F8JZzvYFqOmEByL68qkd7SyxA8OrnIM1nI0PwC3sUqNg8u0Zw/s1600/sprites.png" rel="nofollow"><span>http</span><span>://</span><span>1</span><span>.</span><span>bp</span><span>.</span><span>blogspot</span><span>.</span><span>com</span><span>/-</span><span>JMYdQsIa9WQ</span><span>/</span><span>UDZqxqqrTEI</span><span>/</span><span>AAAAAAAAFho</span><span>/</span><span>AocEv70U8K8</span><span>/</span><span>s1600</span><span>/</span><span>sprites</span><span>.</span><span>png</span></a>) no-repeat 0 -27px;
    border: 1px enterprise #ccc;
    border-radius: 4px;
    color: #444;
    margin: 0 0 15px;
    padding: 10px 40px;
    width: 68%;
}
.sidebar-subscribe-box-email-button {
    background: #09f;
    border: 1px enterprise #007fff;
    box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;
    color: #fff;
    cursor: pointer;
    font-family: verdana;
    font-weight: 700;
    padding: 10px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.4);
    text-transform: uppercase;
    width: 100%;
}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus {
    background: #1ca4ff;
}
.sidebar-subscribe-box-email-button:active {
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
    box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
    outline: 0;
}
iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table {
    width: 100%;
}
embed {
    border-radius: 3px;
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    background: #FFF;
    border: 1px enterprise #ddd;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    margin: 0;
    padding: 4px 4px 4px;
}
#footer-section {
    background: #f5f5f5 url(<a class="vglnk" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDIi40sJJvS2U7kfqf6HxX_O_aEhlv-bALYWSSp6w5RjtDId9zE9Y7CkgbU8rmFpCfU5CaaDBaom26Vsh6piDBoo4OKdqGqS2MyYacHx0WqU_4zTBuEAR-Cq8Yl2gj7rfjIkUWVZOimHjd/s0/bg-pattern.png" rel="nofollow"><span>http</span><span>://</span><span>1</span><span>.</span><span>bp</span><span>.</span><span>blogspot</span><span>.</span><span>com</span><span>/-</span><span>n5s9Bu0JCgg</span><span>/</span><span>UA</span><span>_</span><span>AfQ5qLkI</span><span>/</span><span>AAAAAAAAFMU</span><span>/</span><span>G9FOuh4SP7k</span><span>/</span><span>s0</span><span>/</span><span>bg</span><span>-</span><span>pattern</span><span>.</span><span>png</span></a>) repeat exceed left;
    border-top: 1px enterprise #aaa;
    box-shadow: inset 0 4px 6px -3px #aaa;
    font-family: cambria;
    font-size: 14px;
    height: 100px;
    margin: 10px -30px 5px;
    padding: 0 30px;
    text-align: center;
    width: 100%;
}</style>
<div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p>Subscribe to our e-mail newsletter & have updates correct inward your inbox.
</p><div class="sidebar-subscribe-box-form"><form action="<a class="vglnk" href="http://feedburner.google.com/fb/a/mailverify?uri=Seoclive" rel="nofollow"><span>http</span><span>://</span><span>feedburner</span><span>.</span><span>google</span><span>.</span><span>com</span><span>/</span><span>fb</span><span>/</span><span>a</span><span>/</span><span>mailverify</span><span>?</span><span>uri</span><span>=</span><span>labstrike</span></a>"
class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('<a class="vglnk" href="http://feedburner.google.com/fb/a/mailverify?uri=Seoclive" rel="nofollow"><span>http</span><span>://</span><span>feedburner</span><span>.</span><span>google</span><span>.</span><span>com</span><span>/</span><span>fb</span><span>/</span><span>a</span><span>/</span><span>mailverify</span><span>?</span><span>uri</span><span>=</span><span>labstrike</span></a>',
'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="labstrike" /><input name="loc" type="hidden" value="en_US" />
<input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your e-mail address :)"/>
<input class="sidebar-subscribe-box-email-button" title="Best Stylish & Responsive Blogger Newsletter Email Subscription Widgets " type="submit" value="Subscribe Now!" /></form></div></div></div> ]

D: Email Subscription box widget | Letter Style

Blogger Newsletter Email Subscription Widgets  Best Stylish & Responsive Blogger Newsletter Email Subscription Widgets
 [ <style type=”text/css”>
#LS-Newsletter4-Box {
background: url(http://1.bp.blogspot.com/-

65PvPzNlUCo/UEEijEFGUdI/AAAAAAAALTI/5UGflvDEMJ8/s1600/Newsletter-5.png)no-repeat scroll pump center
transparent;
height: 299px;
width: 408px;
}
form#LS-Newsletter4-Form {
display: block;
margin: 0;
padding-left: 71px;
padding-top: 63px;
}
form#LS-Newsletter4-Form #s {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 15px;
font-style: italic;
height: 28px;
margin-top: 37px;
vertical-align: top;
width: 275px;
outline:0px;
position: relative;
left: -25px;
}
form#LS-Newsletter4-Form #d {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 15px;
font-style: italic;
height: 28px;
margin-top: 38px;
vertical-align: top;
width: 275px;
outline:0px;
position: relative;
left: -25px;
}
form#LS-Newsletter4-Form #sbutton {
background: transparent;
border: none;
cursor: pointer;
height: 43px;
position: relative;
left: -36px;
top: 25px;
width: 144px;
border-radius: 5px;
}

</style>
<div id=”LS-Newsletter4-Box”>
<form id=”LS-Newsletter4-Form” action=”#” method=”post”>
<input id=”d” name=”name” value=”Enter Your Name”
onfocus=’if (this.value == “Enter Your Name”) {this.value = “”}’
onblur=’if (this.value == “”) {this.value = “Enter Your Name”;}’/>
<input type=”email” id=”s” name=”email” value=”Enter Your E-Mail”
onfocus=’if (this.value == “Enter Your E-Mail”) {this.value = “”}’
onblur=’if (this.value == “”) {this.value = “Enter Your E-Mail”;}’/>
<input type=”image” src=”http://3.bp.blogspot.com/-D4DL8TMRtd0/UCuQt-

AVn3I/AAAAAAAAJz8/K1sjzXIxyQk/s1600/blank.gif” id=”sbutton”/>
</form>
</div>
]

 E. Blogger Newsletter Email Subscription Widgets  

The e-mail subscribers are the practiced source of traffic, in addition to ultimately the to a greater extent than traffic helps inward to a greater extent than revenue. But always yous induce got wondered that yous tin increment the discover of subscribers of your blog. Yes, yous read the correct thing, yous tin increment the discover of subscribers of your weblog past times two times to v times past times changing the location of e-mail subscription box.

Blogger Newsletter Email Subscription Widgets  Best Stylish & Responsive Blogger Newsletter Email Subscription Widgets

 

[ <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 enterprise #EEE;
transition: edge 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
margin: 10px automobile 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 automobile 0px;
}
input.button:hover{
background: #FFF;
color: #333;
}
</style>
<link href=’http://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=”http://www.seoclive.com”>widgets</a></p>
<h5>Hume Email Par Subscribe Kare</h5><form action=’http://feedburner.google.com/fb/a/mailverify’ method=’post’target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=Seoclive‘, ‘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 e-mail 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> ]

Blogger Subscription Box Below Posts 

Blogger Newsletter Email Subscription Widgets  Best Stylish & Responsive Blogger Newsletter Email Subscription Widgets

Add it to Blogger

  1. Go to Blogger > Design > Edit HTML
  2. Backup your template
  3. Check the "Expand Widget Template" box
  4. Search for this, 

<data:post.body/>
      5.   Just below it glue this code,


<style>       #mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border:1px        enterprise #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)}      #mbt-sub-box h1{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 exceed , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}      #mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));background: -moz-linear-gradient(center exceed , #369A18, #205F0D) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}      #mbt-sub-box .submit:hover{background: -moz-linear-gradient(center exceed , #46B725, #205F0D) repeat scroll 0 0 transparent}      #mbt-sub-box .submit:active{background: -moz-linear-gradient(center exceed , #46B725, #205F0D) repeat scroll 0 0 transparent}       </style>                  <b:if cond='data:blog.pageType == &quot;item&quot;'>       <div id='mbt-sub-box'><h1>Subscribe To Get FREE Tutorials!</h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=tntbystc&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='tntbystc'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe'/></center></form></div>        </b:if> ]

  • Now supersede http://feedburner.google.com/fb/a/mailverify?uri=Seoclive amongst your Feedburner Email Feed link. Get it past times visiting your feedburner describe of piece of job organization human relationship so you  navigate to Publicize in addition to so to Email Subscriptions.
  • Replace Seoclive amongst your feed title. It appear at the destination of your feed link. In my illustration it is http://feedburner.google.com/fb/a/mailverify?uri=Seoclive
       6.    Save your template in addition to yous are all set!


Thank You for existence Part of this practiced article.I promise that i induce got impacted unopen to practiced SEO information that tin assist you Design your Blogger Blog Best for ranking. Incase yous confront whatever difficulty spell implementing the next fields delight achieve me past times Commenting bellow Or Contact Me.
Next
Previous
Click here for Comments

0 komentar:

Please comment if there are any that need to be asked.