Add All-in-One Social Media Subscription

Add All-in-One Social Media Subscription

Social media is a superpower now a days in all areas. Every webmaster wants to engage more People from social networking sites to  blog. Many of widgets and social media have common Blogger, but today I share amazing Subscribe and Social fine large square piece Blogger. The rotation includes social media Buttons, Google Plus profile badges, and Feed Burner subscription box. Even today I write about adding Article All in one subscription and social media Widget in Blogger Blog.I share email amazing and beautiful subscribe key social networks Widget for Blogger blog. In this article,You will come to know that how Add a subscription and social capital Below the other network addresses buttons Blog blogger. 

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/AVvXsEhhtaEi3hd-U8m9gVvPmQPzVv99EELACQUEwnfYXFliB7gW98HE5Dc3uM569s5ceyRPTN5z10v7kvF3uyGc0cE6Pab5QGsj2HRup4XQVNkWrskZ-nOr0y35o3oEx3p03KfFRZ652R0DdFt5/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/MastiComputer.tk' 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/MastiComputer1 target='_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/MastiComputer' 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/+MastiComputer" 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=MastiComputer" 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="MastiComputer" /><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-->