Social share buttons for website Wordpress Blogger

I have added this share buttons my other 2 Blogspot blogs pretty working also getting more social visits from Facebook, twitter, Google plus, Pinterest.com and other also.

share buttons for website Blogger Facebook, Twitter, Google Plus, Pinterest, LinkedIn

for example live preview please check this website, You can Automatically add share button with

Bootstrap Font awesome Social Icons

first you have to add the font awesome external CSS library in the head tag (most of all modern themes have it)

and then you can below links

Replace values with yours

Best WordPress Social share plugins responsive

Shariff

add to any,

sumo me

Shareaholic

Social media Share button for blogger Facebook, twitter, google plus

Shareaholic

Addthis

Floating share buttons like twitter and Facebook Google plus

this process involves two steps

Copying code to above </b:skin of your template for this you need

Go to Blogger Dashboard
Click on Template
Edit HTML
Press [CTRL+F] and search for </b:skin
Now add the below code above it.

.addthis_floating_style.addthis_counter_style {
width: 60px;
margin-left: -8px;
margin-top: 80px;
}
.addthis_floating_style {
position: fixed;
background: none repeat scroll 0% 0% #FFF;
padding: 5px;
text-align: center;
border-radius: 5px !important;
z-index: 1;
box-shadow: 1px 0px 15px rgba(0, 0, 0, 0.2) !important;
border: 1px solid #BBB !important;
}
.addthis_floating_style.addthis_counter_style {
padding-bottom: 4px;
line-height: 16px;
font-size: 14px;

}

save changes . and after

Go to Layout
Click add widget any where
Click add HTML/Javascript
Paste the Below code and save.

<!– AddThis Button BEGIN –>
<div class=’addthis_toolbox addthis_floating_style addthis_counter_style’ style=’left:50px;top:50px;’>
<a class=’addthis_button_facebook_like’ fb:like:layout=’box_count’/>
<a class=’addthis_button_tweet’ tw:count=’vertical’/>
<a class=’addthis_button_google_plusone’ g:plusone:size=’tall’/>
<a class=’addthis_button_linkedin_counter’ li:counter=’top’></a>
<a href=’http://bufferapp.com/add’ class=’buffer-add-button’ data-count=’vertical’>Buffer</a>
</div>

Make sure to analyze the JavaScript code before adding to blogger website. beacause hackers use your website as transferee their virus in to users pc example cloud front.net
<script type=’text/javascript’ src=’https://d389zggrogs7qo.cloudfront.net/js/button.js’></script>

above work done for adding left side floating widget blogger. have a look at below to add social icons customized below posts.

share buttons below the post in blogger

This very simply all you need just copy the code from sharethis.com add it as HTML java script widget the social share icons automatically inserted to below the post in blogger.

Get the code from here http://www.sharethis.com/get-sharing-tools/#

or get it from below

<span id=”st_finder”></span><script type=”text/javascript” src=”http://w.sharethis.com/widget/stblogger2.js”></script><script type=”text/javascript”>var switchTo5x= true;stBlogger2.init(“http://w.sharethis.com/button/buttons.js”,{“facebook”:[“hcount”,”Facebook”,””],”googleplus”:[“hcount”,”Google “,””],”twitter”:[“hcount”,”Tweet”,””],”linkedin”:[“hcount”,”LinkedIn”,””],”pinterest”:[“hcount”,”Pinterest”,””],”blogger”:[“hcount”,”Blogger”,””],”email”:[“hcount”,”Email”,””],”sharethis”:[“hcount”,”ShareThis”,””]});var f = document.getElementById(“st_finder”);var c = f.parentNode.parentNode.childNodes;for (i=0;i<c.length;i++) { try { c[i].style.display = “none”; } catch(err) {}}</script>

Go to Layout
Click add widget any where
Click add HTML/JavaScript
Paste the code you copied from share this and save.

also use addthis.com also.

Google plus, facebook, twitter, youtube follow buttons Preview

Here on my other blog http://www.recruitmentnresults.in/
best wordpress social plugins

Digg Digg is the best left floated widget for WordPress .May be it use heavy resources try digg digg alternative Plugin

Social media share buttons Add services for blogger

add / remove share buttons to blogger

how to share blogger posts on facebook Automatically

For this You can use twitter feed service it posts Automatically fb, twiter, linkedin app.net and other not google plus.

how to add facebook share button on blogger

Just go to facebook developer page, Enter your url of your website or your facebook page choose button style like bubble, share count, After adding necessary changes, get widget code and add to your blogger blog.

add twitter follow button to blogger

Same process like adding fb share buttons to blogspot here you can visit twitter follow buttons page,

Enter your twitter account not your website Address also you can select just tweet code for all individual posts in blogger.

Note: All Share Buttons works only with Javascript without jsp you cannot add share buttons to blogger. maybe, share buttons with PHP available for WordPress.

Google Plus Share Follow Button

visit google plus developers page and login with google Account then google plus automatically displays your list of google plus pages. But if you want select google plus button only then it’s works for website,

google plus follow button Available only gplus profiles and pages not for websites unless you link your website with gplus page.