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
<a target=”_blank” href=”https://www.facebook.com/recruitmentshub?fref=ts” class=”s fb”></a>
<a target=”_blank” href=”https://twitter.com/govtjobsindya” class=”s tw”></a>
<a target=”_blank” href=”https://plus.google.com/u/0/100342573081864354339/posts” class=”s gp”></a>
</div>
Social media Share button for blogger Facebook, twitter, google plus
- Shareaholic
- Addthis
Floating share buttons like twitter and Facebook Google plus
- 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.
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>
<script src=’//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-52f96dab0620fd3b’ type=’text/javascript’/>
<!– AddThis Button END –>
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
- 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
- sharethis.com
- addthis.com
- https://shareaholic.com/publishers/
- https://bufferapp.com/
- Add to any
- Sharebutton.net
add / remove share buttons to blogger
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
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.