How To Add Professional Email subscription widget for blogger



Add Professional And Stylish Email subscription widget for blogger 

 This is an easiest way to increase Readers on your Blogger . If Your Add Email subscription box in your blog. then people will connect with your email. And When You Upload Any Post On Blogger. post notification Automaticlly Send On Readers Email. Then They Directly connect with our blog. its increase your Site page views And Seo. If you can connect your targeted users with your Email Subscription Box then you should easily increase your visitors. 

Email Subscription Box is Very Important For Any Blogger. Its Increase Your Blog Popularity And Readers.

Today,

I'm Going to Tell how to add Socail Share Botton In Blogger Post,

Now lets start this tutorial. Before starting this tutorial take a backup of your template.

1. Now Go to Blogger Dashboard > Template > Edit HTML and paste the below CSS Code before

</style>

/*------- Professional Sidebar Subscription Box Widget by Shouterways.com------*/
#subscribe-box p{font-family:Helvetica,sans-serif;font-size:14px;color:#fff;margin:0 0 24px;padding:0}
#subscribe-box .emailfield{margin:auto}
#subscribe-box .emailfield input{width:500px;padding:12px;color:#a5adb2;border:none;font-size:14px;margin-bottom:16px}
#subscribe-box .emailfield input:focus{color:#454545;outline:none}
#subscribe-box .emailfield .submitbutton{background-color:#f97e76;color:#fff;margin:0;width:100%;font-family:'Arial',serif;font-size:16px;font-weight:700;letter-spacing:.5px;box-shadow:0 1px rgba(0,0,0,0.1);}
#subscribe-box .emailfield .submitbutton:active,#subscribe-box .emailfield .submitbutton:hover{background-color:#009999;color:#fff;}
.post-outer #subscribe-box{background-color:#444;margin:0 0 30px;padding:20px;overflow:hidden}
.post-outer #subscribe-box h4{color:#fff;font-size:18px;margin-bottom:20px;} 

2. Now Search For This Code

<data:post.body/> 

3. paste the below code After <data:post.body/>

<div id='subscribe-box'>
<h4>Subscribe via email</h4>
<p>Subscribe to our newsletter to get the latest updates to your inbox. ;-). Your email address is safe with us!</p>
<div class='emailfield'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open
(&apos;http://feedburner.google.com/fb/a/mailverify?uri=shouterways&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Email&quot;;}' onfocus='if (this.value == &quot;Enter Email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter Email'/><input name='uri' type='hidden' value='invertbaru'/><input name='loc' type='hidden' value='en_US'/><input class='submitbutton' type='submit' value='Submit'/></form></div></div>

 4. Save Template . And See, You Done...
Note-  Replace Blue Name With Your Feedburner User name...

Result