How To Add Unique Subscription Widget With Social Button Below Post To Blogger Blog

How To Add Unique Subscription Widget With Social Button Below Post To Blogger Blog

Email subscription box is usually a strong gadget for each blog.If you have more no of subscribers then clearly they’re going to contribute to the massive no of traffic on your blog . Subscribers are the backbone of any successful blog. The additional audience you have the stronger you get. people subscribe to your Feeds only if you publish quality content. therefore it’s important that you just could attempt each possible means of accelerating the amount of subscribers to your blog whether you’re a WordPress user or Blogger user. By using this unique subscription widget you will  link  your  social   media  profile   Facebook, Twitter  Rss Google  Pinteret and and subscribe field. it’ll facilitate to induce the new updates by emails. you’ll be able to check it  from below   demo link .

Related Articles:

• How to Add Push Button Social Media And Rss Subscribe Widget For Blogger
• How To Add Pro Facebook Like Box Widget Beside Beautiful Social Sharing Box in Blogger Post Footer
• How To Add Sliding In-Out Social Sharing For Blogger
• How To Add Cool Hover Subscription Box Every Post For Blogger

LIVE DEMO

How To Add This To Your Blogger/Blog

• Go to Blogger > Template > Click Edit HTML.
• Search CTRL + F for this piece of code:<data:post.body/>
• Copy and paste the below code just after <data:post.body/>

<h2 class=”title” style=”font-weight: normal;”>

<b><span style=”font-size: medium;”>Subscribe to Blogger Heroe Today! Receive the Latest Tutorial via email!</span></b></h2>

<style type=”text/css”>

#bloggerheroe-subscribe-wrapper {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj73Y51RhXIp4XuOXnnIFUHCfjzUHjykMfPBpmW35MvMLfu0mukuJV3NYbJUIeHvlbTcjQ_AGKNrLRxfvqlkWpW05i_03gUFkvlC-AGt7-2mr-i0qBzaqKzq4inNLaGHQRBg9xE9abSTOI/s320/border.png) repeat scroll 0 0 transparent;

padding: 3px;

}

#bloggerheroe-subscribe-box {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBMB7FQ1UIZd5p9v5RXe22O9EF0ZQRzu247AcQIyYegRsE3ByRVBxIJ4VzsG9CCz3au1fs_jHCbwE4g5bL-arLResAsilx_khbtPlTcIlTPWJLfOloswGrpJDLx6YexBDSgI8-7jGtzDo/s320/bg.png) repeat scroll 0 0 #F7F7F7;

border-radius: 15px;

padding:5px;

overflow: hidden;

}

a.linkopacity img {

filter:alpha(opacity=75);

-moz-opacity: 0.5;

opacity: 0.5;

-khtml-opacity: 0.5;

-webkit-transition:All .5s ease;

-moz-transition:All .5s ease;

-ms-transition:All .5s ease;

-o-transition:All .5s ease;

transition:All .5s ease;

padding: 3px;

border: 1px solid #999;

}

a.linkopacity:hover img {

filter:alpha(opacity=100);

-moz-opacity: 1;

opacity: 1;

-khtml-opacity: 1;

-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.44);

-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.44);

box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.44);

}

#bloggerheroe-subscribe-box:hover table {

top: 0;

}

#bloggerheroe-subscribe-box h1{

margin-top: 5px;

color: black;

font-family: arial;

font-size: 15px;

margin-bottom: 5px;

line-height: 14px;

font-weight: bold;

text-align: center;

letter-spacing: -1px;

}

#bloggerheroe-subscribe-box table {

position: relative;

top: 40px;

-webkit-transition:All .5s ease;

-moz-transition:All .5s ease;

-ms-transition:All .5s ease;

-o-transition:All .5s ease;

transition:All .5s ease;

margin-bottom: 0px;

}

#bloggerheroe-subscribe-box td {

padding: 2px;

}

#bloggerheroe-subscribe-box input{

background: white;

border: medium none;

font-size: 12px;

padding: 10px;

width: 150px;

color: #666;

font-family: arial;

margin-bottom: 3px;

width: 55%;

}

#bloggerheroe-subscribe-box input:focus{outline:none;}

#bloggerheroe-subscribe-box .submit{

background: #E73827;

color: #fff;

cursor: pointer;

font-weight: bold;

text-shadow: 0 1px 2px black;

width: 90px;

font-family: arial;

margin-left: -3px;

font-size: 14px;

}

</style>

<br />

<div id=”bloggerheroe-subscribe-wrapper”>

<div id=”bloggerheroe-subscribe-box”>

<form action=”http://feedburner.google.com/fb/a/mailverify” method=”post” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=Graphics world‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);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=”20″ type=”text” value=”enter your email address…” />

<input name=”uri” type=”hidden” value=”bloggerheroe” />

<input name=”loc” type=”hidden” value=”en_us” />

<input class=”submit” type=”submit” value=”subscribe” /></center>

</form>

<center>

<table>

<tbody>

<tr><td><a class=”linkopacity” href=”http://feeds.feedburner.com/graphics world” target=”_blank”><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxErTroDmn7HOxKRzoYCZR6EbkzumZ1rpErHZ9hYpIiqEBcKFcHV5wkRp9ldpxN7T5kgHalLfeZikqJtVNSF3I9yHAKtvTvEdRw9fXg844TNCQhy8f4bmyNnIbYfHaYXegdZsRCbj-QoQ/s1600/rss.png” /></a></td>

<td><a class=”linkopacity” href=”http://www.facebook.com/graphics world” target=”_blank”><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyDVvPWT79aSlfY9MaI3TPhc_SM6VFVy0k6xvEr3WiHDPNQNfdBfK343QGQSp-ZsdCGYIhDU8eHW2J_prjEvA39_gHNQ7LpuHJ0M36OYBjyjaYG93SKv1bmSWTpv4Xe93TnNW4Nb3rRug/s1600/facebook+logo.png” /></a>

</td>

<td><a class=”linkopacity” href=”https://twitter.com/graphics world” target=”_blank”><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJlDVIWm_DcFCuUdugX-Bg4LIWYzJ82TelkODxiF0e-ManUG5mLRYzYN2v0OvnOKfEnc7b4eQWQBciOMApY4wRPekv6sEY0DrzwYAA_c6tyAOOdM6sWpoQjrdga07HIbxuABSatUooX6M/s1600/twitter.png” /></a>

</td>

<td><a class=”linkopacity” href=”https://plus.google.com/116468113111813529660” target=”_blank”><img border=”0″ src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2g_sCqkhfxJHIdvmkB-R3MLNy8g9yJUVoRStfsNWbuQS-7f_2ZjXr9Obj3VbvpybPhjDk_-UdHJG-vAYUwKteppun1ENiRsoJIOHea0pMmXLGJU3ZE15I4Ud8Z7x8T5pvmTqG2L_JoWI/s1600/Google.png” /></a>

</td>

</tr>

</tbody></table>

</center>

</div>

</div>

Make This Changes

• Replace Graphics World with your Feedburner ID
• Replace Graphics World with your Facebook username
• Replace Graphics World with your Twitter Username
• Replace116468113111813529660with your Google Plus Username
• Now save.
• And you are done…

9:09 PM