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

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.

Push Button Social Media For Blogger

[button link=”http://bloggerheroelab.blogspot.com/” newwindow=”yes”] LIVE DEMO[/button]

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://lh6.googleusercontent.com/-hX0c_XNlPB0/UagoVXto8DI/AAAAAAAAJp4/StRv28NDV9s/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>
<div id="bts">
<a rel="nofollow" class="gap" href="http://feeds.feedburner.com/bloggerheroe" target="_blank"><img  onmouseout="this.src='http://1.bp.blogspot.com/-7M0E9j_feE8/USYvDYII5FI/AAAAAAAAA4Y/hySEe1e1fvk/s1600/Rss.png'" onmouseover="this.src='http://2.bp.blogspot.com/-12LpvspYEz8/USYvD0CkYKI/AAAAAAAAA4w/N4a6YHlv46A/s1600/Rss_pressed.png'" src="http://1.bp.blogspot.com/-7M0E9j_feE8/USYvDYII5FI/AAAAAAAAA4Y/hySEe1e1fvk/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='http://3.bp.blogspot.com/-VpQUWmYgCW0/USYvBStzJGI/AAAAAAAAA4M/x65mmbE_Jz0/s1600/Google.png'" onmouseover="this.src='http://2.bp.blogspot.com/-zTxlREOZtbM/USYvB85jm1I/AAAAAAAAA4E/2ZPZ4LRgB1Y/s1600/Google_pressed.png'" src="http://3.bp.blogspot.com/-VpQUWmYgCW0/USYvBStzJGI/AAAAAAAAA4M/x65mmbE_Jz0/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='http://1.bp.blogspot.com/-NsMoVZJttLc/USYvCbyXcZI/AAAAAAAAA38/B2lI60qYLO4/s1600/pinterst.png'" onmouseover="this.src='http://1.bp.blogspot.com/-3yuKlrNPcfY/USYvC9XcasI/AAAAAAAAA4I/5-tn_hsf_M8/s1600/pintrest_pressed.png'" src="http://1.bp.blogspot.com/-NsMoVZJttLc/USYvCbyXcZI/AAAAAAAAA38/B2lI60qYLO4/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='http://1.bp.blogspot.com/-VnbB_QyTo4M/USYvAW2nN1I/AAAAAAAAA3s/5pgU4a6Lo-Y/s1600/Facebook.png'" onmouseover="this.src='http://3.bp.blogspot.com/-sCkf-YCArDw/USYvA7BcFDI/AAAAAAAAA30/4QZ-LQYGTyU/s1600/Facebook_Pressed.png'" src="http://1.bp.blogspot.com/-VnbB_QyTo4M/USYvAW2nN1I/AAAAAAAAA3s/5pgU4a6Lo-Y/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='http://3.bp.blogspot.com/-xkiEMVgR4jA/USYvEjynBjI/AAAAAAAAA4k/lKKdaX8QtMQ/s1600/Twitter.png'" onmouseover="this.src='http://4.bp.blogspot.com/-iV-9P93oPrg/USYvFHMcbZI/AAAAAAAAA4s/Nmb1tkJBB6U/s1600/Twitter_Pressed.png'" src="http://3.bp.blogspot.com/-xkiEMVgR4jA/USYvEjynBjI/AAAAAAAAA4k/lKKdaX8QtMQ/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…

Be sure to subscribe to the Blogger Heroe newsletter and get regular updates about awesome posts just like this one and more!

About kasper

Hey Guys I am Avinash a.k.a Kasper.I am one of the founder of this blog.I love blogging,gaming and other fitness activities.Blogging has taught me many things in my life and made me different from others.The only thing I believe is that if you ain't First your Last!

Comments

  1. Nancy mahmed says:

    Thank you my brother adavhraeah
    Possible join with you in Blog
    http://bilokr.blogspot.com/

Speak Your Mind

*


*