Social Media Follow Buttons Widget For Blogger

Learn how to add social media follow buttons widget for blogger in your blog. The Social media icons like Facebook, Twitter, Goggle+, Pinterest on this follow widget makes it easy for readers to connect with your blog. Just like the social share buttons that can increase your blog's pageviews when your post is shared, this widget also increases your blog's traffic. This is because those who subscribed from this blogger widget will get your updates in their social accounts, meaning an increase in your returning visitors and the number of fans on your twitter, facebook, google+ accounts. Also Included in this widget is an email subscription box that sends your latest blog posts as an email to your blog's subscribers. I'll say it is one of the best and most popular blogger widget, beacuse you'll see it on visiting most websites. Below are the guidelines on how to add the social media follow buttons in your blogger blog.

Also Read: Facebook Popup Like Box With Timer For Blogger

Facebook Invite Friends Button With Timer For Blogger

How to Add 'Link to This Post Widget' For Blogger

How to Add Social Media Buttons To Blogger

Goto your blogger dashboard,
Navigate to 'layout'.
Click on 'add a gadget'
Select 'Html/Javascript'
Copy any of the codes below for your preferred style and paste in the text field.

Social Media Follow And Subscription Widget For Blogger



 align="center" width="317px" cellspacing="0px" cellpadding="1px"> target="_blank" rel="nofollow" href="http://www.facebook.com/USERNAME"> src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP9NEkYL8fwbXm_wkDq2KlrB5y2IjC7rCYiWNRKC8d8FG0mpIjEnaIaTWzKMspaq_3XADA4JhjTnErpBgDNg7lZI3VB1IHppeM5qvUtgVQLx-xY5eNdYQ_QU3Y8WStwkJcr_rrI9GsALA/s1600/woden+board+facebook_netoops.png" class="beintouch" /> target="_blank" href="http://twitter.com/USERNAME/" rel="nofollow"> src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-X9ts4xxxoxbqV6N4uOPWa4IKSTJ-93hm4B-LoEKEFagqtVWWfhUAfsl100oM94iK5SuO37uWKkE7XNeMm7u0ncm3Zl_2oMOW9C0sDLdMXjWMA7PlMB2Gar6pHMkRtyp11Hy5MehqbSo/s1600/woden+board+twitter_netoops.png" class="beintouch" /> target="_blank" href="http://feeds.feedburner.com/FEEDBURNERID" rel="nofollow"> src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhai09mQZ8NlPB_t-8LBKkySc8OLGDb0wXCO8WJ8xfSdn8dgWbzeAKz7FsWS7cIE0GRQ1PejkYplj2UJRo2OOESqKtqVpd5Ur6lSwd3d6HBPZBiLZnbrmhiWvbkLSyX1vIGDiyqH4EENn8/s1600/woden+board+RSS1_netoops.png" class="beintouch" /> href="http://detutor.com">

Get Latest Tips via e-mail

 target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNERID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify">

 type="hidden" value="FEEDBURNERID" name="uri" />

 type="hidden" value="en_US" name="loc" />

 type="text" value="Enter your email..." onfocus="if (this.value == "Enter your email...") {this.value = ""}" onblur="if (this.value == "") {this.value = "Enter your email...";}" name="email" class="emailtext" />

 type="submit" value="Subscribe" title="" class="ebutton" alt="" />

Animated Social Media Follow Wigdet For Blogger


 id="abt">
 data-alt="Follow us on Facebook"> class="icon facebook" href="http://www.facebook.com/USERNAME"target="blank">Follow us on Facebook
 data-alt="Follow us on Google+"> class="icon googleplus" href="https://plus.google.com/ID/posts"target="blank">Follow us on Google+
 data-alt="Follow us on twitter"> class="icon twitter" href="https://www.twitter.com/USERNAME"target="blank">Follow us on Twitter
 data-alt="Follow us on Pinterest"> class="icon pinterest" href="http://pinterest.com/USERNAME/"target="blank">Follow us on Pinterest
 data-alt="Subscribe for Updates"> class="icon rss" href="http://YOURURL/feeds/posts/default"target="blank">Subscribe for Updates

 style="font-size:50%; text-align:right;"> href="http://www.detutor.com/2015/01/social-media-follow-buttons-widget-blogger.html" target="_blank" title="Get This Widgets">Blogger Widgets

Social Network Popup Widget for Blogger







 style="display: none;" id="socialslide">
 style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closesocialslide();">(X)
 style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #FFFFFF;">Don't forget to join our community! />
 style="float:left; margin:15px;"> annotation="none">

style="float:left; margin:15px;"> src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FUSERNAME&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true">

style="float:left; margin:15px;"> href="https://twitter.com/USERNAME" class="twitter-follow-button" data-show-count="false" data-size="large" data-show-screen-name="false">Follow @USERNAME