Thursday, December 15, 2016
Add All in One Social Media Subscription Widget in Blogger Blog By MastiComputer
Add All in One Social Media Subscription Widget in Blogger Blog By MastiComputer
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/AVvXsEijy-edYmHixRFssVB9kstHV-d-FnBSEHXVUar0V6rYeG7R_5H0jAyoYaM3id_aptc3RR7DdJtyt8FTFoHlZ6qdI-v8nDyiXVQJsw-ZVTw1RJmg3fQVyHYaQOTNwgrHMxZQZwG7HOdO43Sr/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-->
Go to link Download
