Add All-in-One Social Media Subscription

Add All-in-One Social Media Subscription

Add All-in-One Social Media Subscription

Step-1: Login to "Blogger Dashboard".

Step-2: Go to "Layout" Tab.

Step-3: Click on "Add a Gadget " Option.

Step-4: Then  "Select HTML/Javascript" Widget.

Step-5: Paste the Following Code inside it.

Step-6: Then Click on "Save" Button and Enjoy.

---

<style>
.bbt-All-In-1-email-field {
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdR1KaBHPpA4kUciQUaDAo_TqKZ7D4r7HCL7ZhJ2qaDrKvXE4__3j1s9qfWkYIYL7A3lJOJihfS8tjmMhgp-x9B_RJmvRTWauwxXadIhMYnlmKC-L07L55H3GL9p-6XUmxLeBCKIBHcWY0/s1600/sprites.png) no-repeat 0 -28px;
    width: 238px;
    float: left;
    color: #777;
    margin: 7px 0 7px 0;
    padding: 10px 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
      
}
.bbt-All-In-1-email-button {
    background: #3C8CD6;
    width: 300px;
    float: left;
    color: #fff;
    font-family: 'Verdana, Arial;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-transform: small-caps;
  
}
.bbt-All-In-1-email-button:hover {
    background: #303030;
}
</style>
<style>
#wc-wplike
{
background:#ffffff;
border:1px solid #dcdcdc;
padding:5px;
box-shadow:1px 1px 4px  #dcdcdc;
-moz-box-shadow:1px 1px 4px  #dcdcdc;
-web-kit-box-shadow:1px 1px 4px  #dcdcdc;
-goog-ms-box-shadow:1px 1px 4px  #dcdcdc;A
width:285px;
}
#wc-wplike td
{
font:16px georgia;
text-align:center;
color:#444444;
}
#wc-wplike img{
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#wc-wplike img:hover{
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#first-img,#sec-img
{
border-right:1px solid #dcdcdc;
}
</style>
<div id="wc-wplike">
<table border="0" cellspacing="0" cellpadding="1" width="298">
<tbody>
<tr>
<td id='first-img' valign="top" width="74"><a href='http://www.facebook.com/MianShehzadmian' target='_blank' rel="nofollow">
<img border="0" src="http://1.bp.blogspot.com/-XtMSvGt9QbM/UiIRj_Z-xkI/AAAAAAAACUE/lxKPo9uepx4/s1600/facebook.png"  /></a></td>
<td id='sec-img' valign="top" width="74"><a href='https://twitter.com/mianshehzadahmadtarget='_blank'  rel="nofollow">
<img border="0" src="http://1.bp.blogspot.com/-TD3jCs_IZcg/UiIRjnuFRyI/AAAAAAAACUA/9ZYp0awI3Ss/s1600/twitter.png" /></a></td>
<td valign="top" width="74"><a href='http://feeds.feedburner.com/mian' target='_blank' rel="nofollow">
<img border="0" src="http://2.bp.blogspot.com/-IXJ5WpaZllc/UiIRkBdgE0I/AAAAAAAACUQ/H41RlpEwkSU/s1600/rss.png" /></a></td>
<tr>
<td valign="top" width="74">11K</td>
<td valign="top" width="74">500+</td>
<td valign="top" width="74">900+</td>
</tr>
<tr>
<td valign="top" width="74">Fans</td>
<td valign="top" width="74">Followers</td>
<td valign="top" width="74">Subscribers</td>
</tr></tr></tbody></table>
</div>
<!-- Google plus Badge Start-->
<div style='background: #FFFFFF; float: left; margin: 10px 0 10px 0px;'>
<div class="g-person" data-width="300" data-height="70" data-href="//plus.google.com/+mianshehzadmian" data-layout="landscape" data-rel="author"></div>
</div>
<!-- Google plus Badge end-->
<div class="g-page" data-width="300" data-height="70" data-href="https://plus.google.com/106118947222415942478" data-layout="landscape"></div>
<!-- Email Subscription Start-->
<center>
<div class="bbt-All-In-1-form">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=mianshehzadmian" class="bbt-All-In-1-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MastiComputer', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="mianshehzadmian" /><input name="loc" type="hidden" value="en_US" /><input class="bbt-All-In-1-email-field" name="email" autocomplete="off" onblur="if (this.value == '') {this.value = 'Enter your email address';}" onfocus="if (this.value == 'Enter your email address')
{this.value = '';}" value="Enter your email address"/><input class="bbt-All-In-1-email-button" title="" type="submit" value="Subscribe Now !" /></form></div>
</center>
<!-- Email Subscription End-->