5 Ways to add Social Media buttons to website

5 Ways to add Social Media buttons to website ?

Social Media buttons


Social media buttons are must for blogging these days ,Why ?

1)Influence your post has on social media makes lot of effect on how search engine ranks your page.Its one factor among many.Yes they count Likes, tweets and Google+ circle the particular post has made.
2)Backlinking from these social sites make the SEO boom for your page
3)It make up for Lot of Traffic to your Blog, This is ultimately the final most sought after result,a blog or website ask for.
Here we are Going to discuss few easy ways to add Social Media buttons your website.
1)Copy-paste Code:- Most Easy and Most Effective way, Lot of Plugins make WordPress blog relatively slow.Yes you can avoid it in this way.
For WordPress:-
Go to Appearance > Widgets, Then Drag a Text widget into a sidebar, paste given piece of code in text field .save it and Tada.
<!-- floating share bar Start-->
<style type="text/css">
.sbutton{
background:#f0f0f0;
cursor:pointer;
color:#fff;
border:none;
padding:4px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px; margin-left:8px;
font:12px sans-serif;
}
.sbutton:hover{
background:#336699;
}
#pageshare {
position:fixed; bottom:15%; margin-left:-81px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#fff;border: 1px solid #f7f7f7; padding:0 0 2px 0;z-index:10;
}
#pageshare .sbutton {float:left;clear:both;margin:5px 2px 0 5px;}
#pageshare:hover {-moz-border-radius:6px;
-moz-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
-webkit-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);border: 1px solid #ddd;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' >
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a></a>
</div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
<div class='sbutton' id='rt'>
<a class='twitter-share-button' data-count='vertical' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></script></div>
</div>
<!-- floating share bar End -->
2) Digg Digg WordPress Plugin – It is one of the best Plugin of 2019.if you are looking for  Mashable like floating bar with share buttons,Then here it is . Digg Digg is a  all in one share buttons plugin. It gives you complete control and customization over how your social buttons Look.You can Change its position from Float left to float right and have a complete control over where you want to show and where not.
3)Sharebar:- Sharebar WordPress Plugin is Most Popular for adding share button to your blog Which can be estimated from its WordPress rating which is 4.6 out of 5 stars. What it does is, It adds a fully customizable vertical box to the left of your post which has like and share buttons from all popular social networking sites.

4)GetSocial:– GetSocial is a  lightweight WordPress plugin to quickly add social buttons to your blog.It adds Floating media buttons on the left side of blogs.
5)Slick Social Share Buttons:– Slick social share buttons adds floating buttons or sliding tab to blog which include social buttons from facebook, google+, twitter, linkedin, Digg, delicious, Reddit, StumbleUpon and Pinterest.
5 Ways to add Social Media buttons to website

Leave a Reply

Your email address will not be published. Required fields are marked *