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

Within this tutorial Now I'm gonna explain the way to add push button Social media And Feed Subscribe Widget. By using this widget you possibly can link your social media profile like facebook, Twitter, Google plus, Pinterest and Rss along with subscribe field. It may help to obtain the fresh updates through emails.

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/AVvXsEhFQS_ov1FTUV3h_wqq5WzccrIYzpolTy1qtOhI4nODdHtEnTgfQouMHsqDg4MiceF3M9qBZye9pzE3AnqdtgGpML_jdrsVPnoDNv2jx16iHagJ3XZr35ac4IgJveO0SOYZfkhvBSvIznf0/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/AVvXsEi91-SRTR1TsfM6ZgQLcfsncAeinf2NUp7Fe-2KWVQ-NzdGukXslkKIQe28TE25b7HLwoxnQvMop2-Hq7g1GngPmB1MqHx4wOkq1Yq41XIeWjyB19iFdnO34d6qQXdiYLd0o0_Q53188xKU/s1600/Rss.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-QPCV-zqBvY_YxSSedylmI-ZZ-R97WfBTfbXQVw7yXx4e_USfT60Tc6pPwSpTZAUbaGvW5Sba8wA7ifzUGQI6Oz9tuRRyvXHV2gsfWM2t-Z9R5rmz7KmXNDUkXhzOko2O-beq9ilLvSuz/s1600/Rss_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi91-SRTR1TsfM6ZgQLcfsncAeinf2NUp7Fe-2KWVQ-NzdGukXslkKIQe28TE25b7HLwoxnQvMop2-Hq7g1GngPmB1MqHx4wOkq1Yq41XIeWjyB19iFdnO34d6qQXdiYLd0o0_Q53188xKU/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/AVvXsEgMA1rlBFil3aQoE7IjEDikd_tKdm5ATH3BybT8CGpq0j3WNW6GZUAuonPT9YnWqZ5oEj9B8BB4EyKo73gP1nuyUP0vCN4DR_PtYoUWUHLytiz-NrnIm_ZOTw3EjTe0pFoBBrhzKIC1L1Gk/s1600/Google.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYjDJUX4im_sBzrDGjUlqclRY3gszZcD8CUzAugXLwL2NNH3VcvEslhanR5VnqEccT6phFCVjLvgTjiqdLiEd7626PEqpVeZ5tgMCth9_72u97zwVYj8EYXATnVwp5X9GpwZRTPTxP9r-T/s1600/Google_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMA1rlBFil3aQoE7IjEDikd_tKdm5ATH3BybT8CGpq0j3WNW6GZUAuonPT9YnWqZ5oEj9B8BB4EyKo73gP1nuyUP0vCN4DR_PtYoUWUHLytiz-NrnIm_ZOTw3EjTe0pFoBBrhzKIC1L1Gk/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/AVvXsEg9dqVnhozKLm3qMupeWw5keUqb5oGgI7WAUEVboUGaQ_Db-35MHCgT3qkBL2pb2_cH8akAe6F-P4UZP-8u6LVb6l0yfdkl-7hRT9nxLPMP_PcukBaj6jyiM8vMIHZ0xfeyaonX_B6onWAZ/s1600/pinterst.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq7j2TpXzdhXpunE08465zxqRlJJmc5EBBhTxHjQz02pbPiyH8oPBE4HDqmv1L2G0s941Lrwgj18jB7W2Ofp9QQphvIoVmNCo6sgbm157N91x1Q-MhI7jHtu2MgOb1hAXfPoS4ziodApUW/s1600/pintrest_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9dqVnhozKLm3qMupeWw5keUqb5oGgI7WAUEVboUGaQ_Db-35MHCgT3qkBL2pb2_cH8akAe6F-P4UZP-8u6LVb6l0yfdkl-7hRT9nxLPMP_PcukBaj6jyiM8vMIHZ0xfeyaonX_B6onWAZ/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/AVvXsEiuius83wuhhLJNBD7Lm8mZaYApxkUq4dNQH8mFmoVTGbDM4173U-hhWEDDmy8QDROCpHYvhVSsLt5xv6lRHsbskoF-D0dzHt9DVViOi0Cu_yKFaRqJLkIju1V0JxDxbmDELgqUVM9PPubI/s1600/Facebook.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvUWBc8XLerxBMfeyNF-MfeDTZ3QUGCY5sgQZt2j1AW0XINy7YM8JbfCAauLDXveoc9URZLG03Bjn7RVvNBuA55M7AkCHPGQXTJc_IeskYkxqsfiLrvgd2LSmbT9N1GUrFte5JGYX9cbaM/s1600/Facebook_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuius83wuhhLJNBD7Lm8mZaYApxkUq4dNQH8mFmoVTGbDM4173U-hhWEDDmy8QDROCpHYvhVSsLt5xv6lRHsbskoF-D0dzHt9DVViOi0Cu_yKFaRqJLkIju1V0JxDxbmDELgqUVM9PPubI/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/AVvXsEgrNJm_K_WlPonb4TuElNdKI36x2auusqgWNwOGH9ptJJ6-_uLSyDDSH1Z7rGXqILDXP3TCrUvju4xHyOY2VDfLTKhJOsZyPuiMvVnGmIs_mJVX_rqLU2QvoW6H3tDmsKz9UnAD0_Dw2wqp/s1600/Twitter.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNqiGsZk8HwuuqmjS4Nit8T8Ib3wjza5Rw0PPwrWkqODx_uF0TRdaSDQuEMAdcUE4jpMone0XnyHUEiFU5F4BuGQPrVxhr1pNSsKwy3s342IDBzON_LtjZJ65VZ5qX8pZN9Kb98RpcJEbn/s1600/Twitter_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrNJm_K_WlPonb4TuElNdKI36x2auusqgWNwOGH9ptJJ6-_uLSyDDSH1Z7rGXqILDXP3TCrUvju4xHyOY2VDfLTKhJOsZyPuiMvVnGmIs_mJVX_rqLU2QvoW6H3tDmsKz9UnAD0_Dw2wqp/s1600/Twitter.png" title="Follow Us On Twitter" alt="Twitter" /></a></div></center></div>