How to Add Push Button Social Media And Rss Subscribe Widget For Blogger

LIVE DEMO

Add Push Button Social Media For Blogger/Blog

• Log in to blogger account and Click drop down. 
• Now select "Layout" Like Below.
• Click Add Gadget and select 'HTML/Javascript
• Paste below one of below code.

<style>
#sub_widget {
margin-bottom: 30px;
max-width: 480px;
background: #ddd;
max-height: 400px;
border: 4px ridge green;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius:12px;
margin-top: 20px;}
#sbsr {height:70px;}
#bts {margin: 9px 0 0 15px;;float:center;}
#bts img {border-style: none;}
.gap {margin: auto 2px;}
#pra {float:left; margin:-6px 0 0px 20px;color:#000;font-size:14px;font-family:arial;font-weight:bold;}

.newsletter {height:35px;float:left;margin: 10px 0 60px 0;}
.button {
margin-top: 5px;
 color: #fff;
width:100px;
font-family:arial;
font-weight:bold;
font-size:16px;
text-margin-left:-10px;
background: green;
}
.email {width:250px;
height:25px;
font-size:12px;
text-margin:0 auto;
pading:10px auto;
background:white}
</style>
<div id="sub_widget">
<center><img id="sbsr" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8dHnmCwZs7vSndxhdK7IxuN2ZZlrW8ow1wTkD-9oqhiRbuwUUZVeXrY_Yh35AiNX0ODHCD9l1ThhuawUQ2HKpDA8pjk5xoERnHgnn-LJw1rJM7FqbO83C6aLKlOyoW1MWtmG9S-VxesJd/s734/rss-subscribe.png"/></center>
<center><div class="newsletter">
<form action="http://feedburner.google.com/fb/a/mailverify" class="subscribe-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggerheroe', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="email" name="email" onblur="if (this.value == '') {this.value = 'E-mail';}" onfocus="if (this.value == 'E-mail') {this.value = '';}" type="text" value="Get all the latest updates daily in your inbox.." />
<input name="uri" type="hidden" value="bloggerheroe" />
<input name="title" type="hidden" value="bloggerheroe" />
<input name="loc" type="hidden" value="en_IN" />
<input class="button" name="submit" type="submit" value="Submit" />
</form>
</div>
</center>
<center>
<div id="bts">
<a rel="nofollow" class="gap" href="http://feeds.feedburner.com/bloggerheroe" target="_blank"><img  onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvKVphDaaRJy4I0MmKCUSMEgCW5fwS6NWZDHYBoPduKLFam4ba97OXnaX7cSXnoJlxY02IKhQhqCz_8lGonmcrSmyouJrwCVbkqNDtVdDJWvgdLPPFAJT5JmWgvRCLfsmKSZEkfFQZoYC/s1600/Rss.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4i0UWr3tPMBmsalCPSTOADsbKka11R8MnuP62iFsfMk1gY6DSW0MCbErF7f0x82sPyiiF9IDuZp25eZsRgQq7olsTkUUFvfF5ZYLw7whRZkv6vfwXBGfhpeeHSjsmlKRUhLvJwMHDPRWq/s1600/Rss_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvKVphDaaRJy4I0MmKCUSMEgCW5fwS6NWZDHYBoPduKLFam4ba97OXnaX7cSXnoJlxY02IKhQhqCz_8lGonmcrSmyouJrwCVbkqNDtVdDJWvgdLPPFAJT5JmWgvRCLfsmKSZEkfFQZoYC/s1600/Rss.png" title="Subscribe Via Rss" alt="RSS" /></a>
<a rel="nofollow" class="gap" href="https://plus.google.com/UserID/" target="_blank"><img  onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiECkdK59ryV18ZFDD0etyBs7QZRJje2Fns4cD8kmbwOndps1G1i4xQTEYbAhAlNn9REWVqvyh_O6RDvMT6Yk38mUo_KyJ6FWw9F_XkDpBqj6STE1vcSR-zjDsGEwuluWv88cH5p6M49yTu/s1600/Google.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKffkb4RjGo2tBasl9s-ubU8oU7DrXSn5dTsCTJDZlhyphenhyphenH0jpRhFLRhbxejj06jji2G0qRJxzZnyMqVymRxIw-IToJGuNVLDHU5v9bWsDCe2-IRruWdsHtR2lIHPnA6h6iIzM1sr2tzrD0h/s1600/Google_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiECkdK59ryV18ZFDD0etyBs7QZRJje2Fns4cD8kmbwOndps1G1i4xQTEYbAhAlNn9REWVqvyh_O6RDvMT6Yk38mUo_KyJ6FWw9F_XkDpBqj6STE1vcSR-zjDsGEwuluWv88cH5p6M49yTu/s1600/Google.png" title="Follow Us On Google plus" alt="Google" /></a><br/>
<a rel="nofollow" class="gap" href="http://pinterest.com/jaa09/" target="_blank"><img  onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi27k4wZNDZWsdTUiu_AUmZukSwSQS7xj-jFaXr6UOQ4lKLfFhMCbtn0PgdM3pcGg6lXfhNZ-WdhXFsBQsEU13lZEoA9yC45urxpUbrt_6QF6FyOj-BBBjDvu_fqk1_-ifwHxCZ5tAzKfFL/s1600/pinterst.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_oXkYbXI7GAHNPUY231FlkKus4BvulY97txxvd0L3z0UF7k6h6Dj0xulsys75AbOsoMgOOQWPJqI1R2T1713sUDKdB2K6uWSumbpeitjOuhbfFscLR1tMzs0Jv26mVLFKhmJcXUz1pk-e/s1600/pintrest_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi27k4wZNDZWsdTUiu_AUmZukSwSQS7xj-jFaXr6UOQ4lKLfFhMCbtn0PgdM3pcGg6lXfhNZ-WdhXFsBQsEU13lZEoA9yC45urxpUbrt_6QF6FyOj-BBBjDvu_fqk1_-ifwHxCZ5tAzKfFL/s1600/pinterst.png" title="Follow Us On Pinterest" alt="pinterest" /></a>
<a rel="nofollow" class="gap" href="http://www.facebook.com/bloggerhero" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLodlAK9sCX6ctK7H3enbpHIXztT3XvqrWlaVmzgkh5zCs3dABf2xiuW391J1NodCuHpqRwdBftSNF3AbG1RO8p8Yr6kvzUMrW6SfGn6uSSYqgkEK4MDp1pgyz2U63bCxJrTJxJ4OIQuCz/s1600/Facebook.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimXspty1Zx9sfnrdpX77VeFTzpfSdEv9OBR8V3fdvrvvRhd9FxWWs2d9zKdaTAzjOQDYiR0wkVQhmfEUJFuEYwDFnIg0N6OZQrPW7yss_b9zSd0xP1ZFx8R6yfQLbSGTFNt-CTvyG9M3lV/s1600/Facebook_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLodlAK9sCX6ctK7H3enbpHIXztT3XvqrWlaVmzgkh5zCs3dABf2xiuW391J1NodCuHpqRwdBftSNF3AbG1RO8p8Yr6kvzUMrW6SfGn6uSSYqgkEK4MDp1pgyz2U63bCxJrTJxJ4OIQuCz/s1600/Facebook.png" title="Like Us On Facebook" alt="Facebook" /></a>
<a rel="nofollow" class="gap" href="http://www.twitter.com/bloggerheroe" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrKqDTA6YDV_4fzMUv9o2_LdAd-pXvoohl8mnrwNemf-HDmPgbdSC0zhhWhAoq35lbwqVylqYgZkX4SUT0AZYJERyMxvHbF-Y4FMvuPneYyEfK6XLQWfJroWbaLFlL3mRTr4HgXtZjuue1/s1600/Twitter.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZq-_AoGjVenL6M-aWmUKRogitIzfGzgVVpNWKakkm0N3lXGoSGbdkjvFvaVqFcpm6oTaxOGH_VeZRWeV6tL9cpOxkWfqXOqCVybmJt3tWKMZ3z0rD5QrmQo8dcFHqO_Tz4g-mV4acvcVy/s1600/Twitter_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrKqDTA6YDV_4fzMUv9o2_LdAd-pXvoohl8mnrwNemf-HDmPgbdSC0zhhWhAoq35lbwqVylqYgZkX4SUT0AZYJERyMxvHbF-Y4FMvuPneYyEfK6XLQWfJroWbaLFlL3mRTr4HgXtZjuue1/s1600/Twitter.png" title="Follow Us On Twitter" alt="Twitter" /></a></div></center></div>

Make This Changes

• Replace bloggerheroe with your Feedburner ID 
• Replace bloggerhero with your Facebook username
• Replace bloggerheroe with your Twitter Username
• Replace jaa09 with your Pinterest Username
• Replace UserId with your Google Plus Username

• Now save your HTML/Javascript'.
• And you are done...