1
Email Subscription widget for blog with social sharing

Email Subscription Below posts with social sharing for blogger

Add a new Email subscription and Bring a nice look to your blog/website by placing new email subscription below posts with social sharing for blogger, In this widget you can place it below all your published posts/articles which gives an elegant look.
This Feed burner Email subscription form helps you to bring more subscribers to your blog, About this widget this is cool email subscription below posts widget that comes with default form to subscribe and social follow buttons which enables your users to connect with you all the time.

Preview for Email Subscription Below posts with social sharing for blogger:

Email subscription below posts with social follow buttons

Watch Live Demo of Email Subscription Below posts with social sharing for blogger:



How to Install Email Subscription Below posts with social sharing for blogger:

Step 1: Go to Blogger dashboard and click template

Step 2 : Backup your template and Click Edit HTML

Step 3: Click CTRL+F to Find the code like below

<div class='post-footer-line post-footer-line-3'>

Step 4: Paste the below code after the above code


<!-- Email Subscription Widget below post start -->
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>/*CSS starts*/
@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
.ks-subbox {
border:2px solid #09F;
border-radius: 5px 5px 5px 5px;
text-align: center;
background:url(http://i62.tinypic.com/33xww00.png);
width:760px;
height:180px;

-moz-box-shadow:5px 5px 5px #ccc;
-webkit-box-shadow:5px 5px 5px #ccc;
box-shadow:5px 5px 5px #ccc;
}
.ks-subbox h3 {font-family: &#39;Droid Serif&#39;, serif; font-size:18px; font-weight:bold; margin-top:15px; margin-bottom:15px; color:#151515; text-shadow:0px 5px 5px #ccc;}
.ks-button-blue {width:120px; height:37px; color:#fff;
background: #00b7ea;
background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3));
background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
background: linear-gradient(top, #00b7ea 0%,#009ec3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#00b7ea&#39;, endColorstr=&#39;#009ec3&#39;,GradientType=0 );
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:1px solid #00b7ea;
font-family: &#39;Droid Serif&#39;, serif; font-size:16px; line-height:1.9; color:#fff; display:block; cursor:pointer; text-decoration: none; text-shadow:#f5f5f5; text-align: center;
-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;float:right; }
.ks-button-blue:hover { opacity:.7;-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.ks-oop { height:60px; width:335px;}
.ks-bool {font-family: &#39;Droid Serif&#39;, serif;
background: #fff;
border: 1px solid #ccc;
font-size: 15px;
margin-bottom: 10px;
height:34px;
width:170px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 2px 2px #ddd;
-moz-box-shadow: 0 2px 2px #ddd;
-webkit-box-shadow: 0 2px 2px #ddd;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYaz-2KrG3w1tU2RY39dzPlQL1JS0270ZvadD7QUngo7BtVUYAiVUQwcz22-mpannERkdwx4-U6xF0Sb8zntQf2XtDuwkP2gPwK6o_qlZpZ9CHFFOdTUieizRgbDwLvTAWynjHTiCXk50/s1600/email.png) no-repeat 10px center; padding-left: 35px; float:left; }
.ks-soso { width:300px; height:100px;}
.ks-soso h4 {font-family: &#39;Droid Serif&#39;, serif; font-size:14px; font-weight:bold; margin-top:15px; margin-bottom:15px; color:#151515; text-shadow:0px 5px 5px #ccc;}
.ks-soso img { margin-left:5px; width:24px; height:24px;-moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.ks-soso img:hover { margin-left:5px; width:24px; height:24px;-moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity:.7; }
/*CSS ends*/</style>
<!--subscription widget starts-->
<div class='ks-subbox'>
<h3>Subscribe to Our Newsletter</h3>
<center>
<div class='ks-oop'>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Your Feed Name&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=500,height=500&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='Your feed Name'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='ks-bool' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;}' type='text/' value='Enter your email'/>
<input alt='' class='ks-button-blue' title='' type='submit' value='Submit'/>
</form>
 </div>
<div class='ks-soso'>
<a href='http://www.facebook.com/your profile' target='_blank' title='Join us on Facebook'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMAAzwK5AuxYa15BkwOt3DiKpnD9lWhyZy6BjHvE4ihzDYiJ8pL-xWg2eC8T7htyIoLiioaJMohAmAFI8LKmxYkR1iWNMStPJSZIuct0ejyKtqptVxgrXysnkilnylggocu0mbfFEkyrum/s1600/facebook.png'/></a>
<a href='http://www.twitter.com/your profile' target='_blank' title='Join us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiZ0uiOvRH7uQpDxZQfEgohGGB4tWX-ovlpySaT20AGXLBGEaBN9jBqruvbXpV8tlFgYIdDZIk4YOoli_GStX1updEcc9QtcHeuiRW4-5GVgn0bsmIf33PYh7jtAxP6EdRtljvKRg_1VdH/s1600/twitter.png'/></a>
<a href='http://plus.google.com/your profile' target='_blank' title='Join us on Google Plus'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrlfZt5nDAjOdwM-GoXlSQwieZELyqxzJqKlKCjwdNSJnHw0NOOdIii1JxhL7km33OLsmy91N-JESQhMwojraLnlC_jrYsNWbE3IFQ3lJZAgSUYLKQ3ghuCFQtFCiA25lS_5ECY-95YZGD/s1600/googleplus.png'/></a>
<a href='http://www.linkedin.com/your profile' target='_blank' title='Join us on LinkedIn'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGUarxHn2IXEPM0DepCpcUntYZ6gGSeEPZYS0L58KwyyLveNgWsoOtLsXNQvtQD8SS0u1nhM465RQ4G-tTyGsWn9Ga-oQSSspg1Q7g92NwIyWhRN_xh5PFyO1iV2Z1_ribix97a8MG1LEz/s1600/linkedin.png'/></a>
<a href='http://www.pinterest.com/your profile' target='_blank' title='Join us on Pinterest'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnEDEf5KTbci2kkfuu3wlYoUx5zwxK2q3mvkItHanuFLUPEplq2j67hGHqYw7bc_tNlthBunaBF9c-lrIMCgFktMOIPwOk5PdVq6ldKvHTWXcmPp3weySj_APvNrQu2wZ0s2LS5mlIOLRD/s1600/pinterest.png'/></a>
<a href='http://www.instragram.com/your profile' target='_blank' title='Join us on Instragram'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBMT83qNGFpHZgqVqyFWaaDxDYAUXQBBltXUX2d8KnVvOKN0l5aNO8JDudeYIMWPKJtgWCM7uP0tYrh_M0RV9Z_5KoSu0qJLtnqPfHSKqw6-Adk4MoR4m5AKgECWUbL96kbwU-72vsgXTj/s1600/instagram.png'/></a>
<a href='http://www.youtube.com/your Chanel' target='_blank' title='Join us on Youtube'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEQR-4DYdAwfAO94KDVTdx1MEyMNfANy0G2GFCr17pwvFOhU7vmj5ZQAFmaizJKaUqFHyRtaHI4hDJ1h79n8VmjJTzzwU92XS2uZ1u2pL-rH8WO3DWt29RwcsOHYWAoIHc17DFNEx7l23Q/s1600/youtube.png'/></a>
  </div>
  </center>
</div><div align = 'right'><a href="http://btctrickz.blogspot.in/2015/06/email-subscription-below-posts-with.html"><img alt="Get this widget to your blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Nb7SIZG2tw1st0dNv1xVLVYYOLbGkWYdqU06cjDsuMCdUiyBwzDWKDdeCShoeXrlJGaQIZa3XvdHnI33yAgPrrF3M8mCFEW-UTv10ct93Up4vG3tca4iFJ9M_wOuvzwJZzjOaEzwV7wr/h54/gethiswidgetnew1.png" width="100px" height="20px" style="border:0;" /></a></div></b:if>
<!-- Email Subscription Widget below post End -->

Step 5: Now After Pasting this code Replace the code with your channel and pages shown in red and for feed burner give your feed name.

Example : http://www.youtube.com/your Chanel 
Place your Channel with Your youtube channel name to subscribe.

Step 6; If you want to change width then you can change in the above code find the below two lines shown below and change it to required value.

width:760px;
height:180px;

Hope this tutorial is very helpful for you please share this and like us on social media Thank you

Incoming Search Terms:

Email Subscription widget for blog
Email Subscription widget for blogspot
Email Subscription widget for blogger
Email Subscription widget for blog with social follow buttons
Email Subscription widget for blogger with social follow buttons
Email Subscription widget for blog below posts
Email Subscription widget for blogger below posts
Email Subscription widget for blogspot below posts
Stylish Email Subscription widget for blog below posts
New Email Subscription widget for blogger below posts

YYouY

Post a Comment

  1. Do you need free Twitter Followers?
    Did you know that you can get these ON AUTO-PILOT & TOTALLY FOR FREE by getting an account on Like 4 Like?

    ReplyDelete

 
Top