How to add a big email subscription box to blogger

big email subscription box
source via:- google search, tech news, big email subscription box for blogger which will help you build your email list and get more traffic to your blog
1.First of all login to your Blogger Account.
Navigate to your Blog >> Template >> Editor.


2. Click inside Template Editor and Search <data:post.body/> by PressingCTRL + F.


3. you will see 3 matches. Move towards the second one. Paste the following code below that match (the third <data:post.body/> match in the search). this is for if you want the box to appear below posts.

or you can simply add this code in layout>> add HTML>> paste the code there and you were done.

Code.


<!-- email [start] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
@font-face{font-family:Arvo;font-style:normal;font-weight:400;src:local('Arvo'),url(http://themes.googleusercontent.com/static/fonts/arvo/v6/MViwy4K6e56oHcyeMzjbCQ.ttf) format('truetype')}@font-face{font-family:Rokkitt;font-style:normal;font-weight:400;src:local('Rokkitt'),url(http://themes.googleusercontent.com/static/fonts/rokkitt/v6/sr63xTucDSbOV6kDLSAZiA.ttf) format('truetype')}
.subscription-box{background:url(https://googledrive.com/host/0B8D3MQmcZTyvYWxtdHdrWWlhU1k);background-size:8px 8px;padding:1rem;text-align:center}.subscription-box .wrap{background-color:#fff;padding:32px;padding:2.5rem;overflow:hidden}.subscription-box:after{clear:both}.subscription-box .widget-title{font-size:25px;font-family:Rokkitt;margin-bottom:5px}.news .screenread{display:none}input,select,textarea{background:#fff;border:1px solid #ddd;border-radius:3px;color:#999;font-family:MuseoSlab;font-size:14px;font-size:1.4rem;padding:.6rem}.subscription-box .box input{width:58%}.subscription-box .box input[type=submit]{width:auto}button,input[type=button],input[type=reset],input[type=submit]{background:#0CF;border:0;box-shadow:none;color:#fff;cursor:pointer;letter-spacing:1px;letter-spacing:.1rem;padding:.6rem;text-transform:uppercase;width:auto}input:hover[type=submit]{background:#00B8FF}input[type=submit]{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.subscription-box p{margin-bottom:0rem;font-family:Arvo}
</style>
<div class='subscription-box'><div class='wrap'><div class='widget box'><div class='news'><h4 class='widget-title'>GET EMAIL UPDATES (It's Free)</h4>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open( &apos;http://feedburner.google.com/fb/a/mailverify?uri=OnlyHeadlines&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<label class='screenread' for='subbox'>Enter Your Email Address..</label><input id='subbox' name='email' onblur='if ( this.value == &apos;&apos; ) { this.value = &apos;Enter Your Email Address..&apos;; }' onfocus='if ( this.value == &apos;Enter Your Email Address..&apos;) { this.value = &apos;&apos;; }' required='required' type='email' value='Enter Your Email Address..'/>
<input name='uri' type='hidden' value='OnlyHeadlines'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='subbutton' type='submit' value='JOIN US!'/>
</form>
<p>Subscribe to our newsletter for FREE and never miss a post. (We Don't Do ,Spam!)</p>
</div></div></div></div></b:if>

<!-- email [end] -->


Replace Only headlines marked in blue with your Feed-burner Email Feed name, this is how will you know your feed name this is the example of it shown under


http://feeds.feedburner.com/OnlyHeadlines <-- this is your feed name.


That's it you done enjoy and do subscribe to us.
How to add a big email subscription box to blogger How to add a big email subscription box to blogger Reviewed by OnlyHeadlines Senior Writer on Monday, July 27, 2015 Rating: 5

Titulo