• Skip to main content
  • Skip to primary sidebar
  • Home
  • WordPress
  • web Hosting
  • linux
  • mysql
  • nginx
  • apache2
  • devops

Raju Ginni

wordpress tutorials seo hosting etc

You are here: Home / wordpress tutorials for beginners advanced complete guide to run WordPress / Social share buttons for website WordPress Blogger

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
<div>
<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>
Replace values with yours
Best WordPress Social share  plugins responsive
Shariff
add to any,
sumo me
Shareaholic

Table of Contents

Toggle
  • Social media Share button for blogger Facebook, twitter, google plus
  • Floating share buttons like twitter and Facebook Google plus
    • share buttons below the post in blogger
      • Google plus, facebook, twitter, youtube follow buttons Preview
    • Social media share buttons Add services for blogger
    • how to add facebook share button on blogger
    • add twitter follow button to blogger
    • Google Plus Share Follow Button

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

  • Shareaholic
Example of Floating Share Buttons
  • 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
  1.  Go to Blogger Dashboard
  2. Click on Template
  3. Edit HTML
  4.   Press [CTRL+F] and search for </b:skin
  5.  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

  1. Go to Layout
  2. Click add widget any where
  3. Click add HTML/Javascript
  4. 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

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>
  1. Go to Layout
  2. Click add widget any where
  3. Click add HTML/JavaScript
  4. 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

  1. sharethis.com
  2. addthis.com
  3. https://shareaholic.com/publishers/
  4. https://bufferapp.com/
  5. Add to any
  6. Sharebutton.net

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.

Reader Interactions

Ask a Question:

You must be logged in to post a comment.

Primary Sidebar

wordpress tutorials for beginners advanced complete guide to run WordPress

  • wordpress speed optimization Speed up wordpress Score on Google pagespeed
  • best wordpress plugins social, seo, Backup, speed up your blog
  • TOP 10 Wordpress Themes Premium/ Free & providers
  • Wordpress Adsense Plugins & Manually
  • Social share buttons for website Wordpress Blogger
  • How to bulk delete in wordpress posts, pages, Media Images, tags and categories
  • TOP 5 Best wordpress comment plugins 2020 (disable pingback, replytocom, customize form)
  • all in one seo pack vs yoast seo pressor
  • Auto post to Facebook, twitter, Google Plus Wordpress Posts 2019
  • wordpress plugins that slow down your site and its alternatives
  • How to use wordpress tags and categories
  • Wordpress duplicate thin content Issues {FIXED}
  • how to increase wordpress memory & file upload size
  • combine rss feeds wordpress
  • Reduce the impact of third-party code ,optimize JS delivery, Minify, remove unused js, pre connect, inline, lazy load etc
  • change wordpress site url internal links in mysql command phpmyadmin
  • install wordpress on ubuntu nginx lemp command line apache debian
  • Wordpress Security Plugins 2021 (Brute force, Login lockdown, Malware scanner etc)
  • website cache best caching plugins wordpress w3tc cloudflare
  • How to add adsense amp ads to wordpress
  • wordpress password reset in 3 ways mail, phpmyadmin, mysql command
  • how i recovered hacked website site 5 times ft wordpress?
  • wordpress redirection examples Rankmath seo
  • enable browser caching in wordpress apache nginx caching headers explained
  • W3TC w3 total cache plugin setup guide review comparison with wp rocket and wp super cache
  • Wordpress database optimization (don't neglect) plugins & phpmyadmin manually
  • Optimize css delivery inline critical css, remove unused css, render blocking css
  • Converting WordPress into static website speed after 1 second dynamic 3 seconds
  • Wordpress errors and fix
  • Rules to get 100/100 in Google pagespeed web core vitalsscore
  • Install xamp & wordpress on localhost windows
  • favicon ico Change / Add / Disable favicon in wordpress Ft Genesis Theme or any theme
  • increase wordpress memory limit (how to ) 40MB , 64 MB 128 MB or 512 MB maybe 1024MB
  • wp cron job check working or not disable enable change schedule
  • google analytics plugins for wordpress #sitekit #monsterinsights gadwp back as gainwp
  • Lazy Load Adsense to improve core web vitals - Vs revenue
  • xmlrpc php wordpress uses, disable without 403 error log message
  • wordpress 304 header implement using plugin
  • wordpress change post date programmatically (auto on update like blogger
  • sorry you are not allowed to access this page. admin WordPress options table
  • clone wordpress in linux ubuntu server lemp nginx
  • Cloudflare cache rules for WordPress along with page rules cache level everything
  • wordfence-waf.php fatal error fixed after migration
  • Cloudflare page rules cache level everything redirect and sub domain
  • wordpress delete all posts from database mysql query for phpmyadmin
  • php fpm oom killer problem how to dig it.. memory pool and execution time
  • nginx wordpress multisite subdirectory multiple domains
  • Helpful Content update recovery Trying to dig it
  • How to Move a Single WordPress Site into a Multisite
  • Enable multisite in wordpress in 3 steps problems datbase error
  • Seprate single site from wordpress multisite domain based
  • Error establishing a database connection wordpress multisite
  • Add single wordpress to MultiSite wordpress
  • genesis theme cateogory customization examples
  • could not insert term into the database. wordpress
  • wordpress breadcrumbs not showing full path
  • There has been a critical error on this website fed up
  • Site structure WP categories vs sub pages or multisite posts or pages
  • WordPress pyramid structure Permalinks Category vs sub pages vs multisite

hi i am raju ginni, primalry i manage wordpress websites on GCP cloud platform as a cloud engineer, and create content on passionate things.
you can follow me on youtbe

© 2025 - All Rights Reserved Disclaimer & Privacy Policy