Email subscription box for blogger

Deal Score0

How likely you like add a email subscription box to your blogger blog & get readers to increase your traffic.if you didnt have a feedburner account.Get a account on feedburner website.

Email subscription box for blogger

Add Email Subscription Box In Blogger

Copy the below code and replace “tutskit” word  with your feed burner email id two times below.
change background color colored blue in code: 

Here is the Email Subscription Box Code to add in your blogger template

<style>
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#2289D3), to(#0A1576));;border:1px
solid #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 top , #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:250px; 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 top , #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 top , #46B725, #205F0D) repeat scroll 0 0 transparent}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #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 Job alerts!</h1><form action=’http://feedburner.google.com/fb/a/mailverify’ method=’post’ onsubmit=’window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=tutskit&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=520,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=’tutskit‘/> <input name=’loc’ type=’hidden’ value=’en_US’/> <input class=’submit’ type=’submit’ value=’Subscribe’/></center></form></div>
</b:if>

How to put under each post:

1.go to blogger and expand template:


2.press ctrl+f


3.find this line     <p><data:post.body/></p>

 
4.paste the code and save it.
If you have doubts please comment below, Thank you

 

Please follow and like us:
0

We will be happy to hear your thoughts

Leave a reply