Cool Shareaholic Social Sharing Widget With Tooltips And Count For Blogger - Helper Blogger

Blogger Widgets | Templates | Tutorials


Sunday, 15 April 2012

Cool Shareaholic Social Sharing Widget With Tooltips And Count For Blogger is a leading website in making share buttons for wordpress,tumblr or websites except blogger.So considering this point here we are giving a full installation for blogger.This is a cool gadget with shows the tooltips on hover it also shows that how many times your posts were shared.The installation is so easy you just have to copy and paste the codes.

Gagdet Preview

How To Add Shareaholic Share Buttons To Blogger

  • Go to Blogger Dashboard > Design > Edit HTML. (In new user interface Dashboard > Template)
  • First download a copy of your template
  • Now find your ]]></b:skin> in your template
  • Add below code just above ]]></b:skin>

div.shr-bookmarks{margin:20px 0 8px;clear:both !important;display:block !important}div.shr-bookmarks ul.shr-socials{width:100% !important;margin:0 !important;padding:0 !important;float:left !important}div.shr-bookmarks ul.shr-socials{background:transparent none !important;border:0 none !important;outline:0 none !important}div.shr-bookmarks ul.shr-socials li{display:inline !important;float:left !important;list-style-type:none !important;padding:0 !important;height:29px !important;width:60px !important;cursor:pointer !important;margin:3px 0 0 !important;background-color:transparent !important;border:0 none !important;outline:0 none !important;clear:none !important}div.shr-bookmarks ul.shr-socials li:before,div.shr-bookmarks ul.shr-socials li:after,div.shr-bookmarks ul.shr-socials li a:before,div.shr-bookmarks ul.shr-socials li a:after{content:'' !important;}div.shr-bookmarks ul.shr-socials a,div.shr-bookmarks ul.shr-socials a:hover{display:block !important;width:60px !important;height:29px !important;text-indent:-9999px !important;background-color:transparent !important;text-decoration:none !important;border:0 none !important}div.shr-bookmarks ul.shr-socials a:hover,div.shr-bookmarks ul.shr-socials li:hover{background-color:transparent !important;border:0 none !important;outline:0 none !important}.shareaholic-show-on-load{display: block !important;}div.shr-bookmarks div.shr-getshr{line-height:20px !important;padding-left:8px !important;float:left !important;}div.shr-bookmarks div.shr-getshr a{width:auto !important;font-size:10px !important; text-indent:0px !important;text-decoration:none !important;}div.shr-count{font:12px bold,arial !important;position: relative !important;}div.shr-count-outline{position: absolute !important;color: white !important;}div.shr-count-center{position: absolute !important;color: blue !important;}li.shr-2{background-position:-120px bottom !important}li.shr-2:hover{background-position:-120px top !important}li.shr-3{background-position:-180px bottom !important}li.shr-3:hover{background-position:-180px top !important}li.shr-5{background-position:-300px bottom !important}li.shr-5:hover{background-position:-300px top !important}li.shr-7{background-position:-420px bottom !important}li.shr-7:hover{background-position:-420px top !important}li.shr-10{background-position:-600px bottom !important}li.shr-10:hover{background-position:-600px top !important}li.shr-38{background-position:-2280px bottom !important}li.shr-38:hover{background-position:-2280px top !important}li.shr-40{background-position:-2400px bottom !important}li.shr-40:hover{background-position:-2400px top !important}li.shr-43{background-position:-2580px bottom !important}li.shr-43:hover{background-position:-2580px top !important}li.shr-52{background-position:-3120px bottom !important}li.shr-52:hover{background-position:-3120px top !important}li.shr-74{background-position:-4440px bottom !important}li.shr-74:hover{background-position:-4440px top !important}li.shr-88{background-position:-5280px bottom !important}li.shr-88:hover{background-position:-5280px top !important}li.shr-106{background-position:-6360px bottom !important}li.shr-106:hover{background-position:-6360px top !important}li.shr-201{background-position:-12060px bottom !important}li.shr-201:hover{background-position:-12060px top !important}li.shr-219{background-position:-13140px bottom !important}li.shr-219:hover{background-position:-13140px top !important}

  • Now find for below code in your template

<div class='post-footer'>

  • and add below code just below of above code

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='shr_class shareaholic-show-on-load'>
<script type='text/javascript'>
var SHRSB_Settings = {&quot;shr_class&quot;:{&quot;src&quot;:&quot;;,&quot;link&quot;:&quot;&quot;,&quot;service&quot;:&quot;5,7,2,38,3,219,43,52,201,88,74,10,106,45,40,210,78,39&quot;,&quot;apikey&quot;:&quot;6ffe2cbf142c45bd4cd03b01ec46b8658&quot;,&quot;localize&quot;:true,&quot;shortener&quot;:&quot;google&quot;,&quot;shortener_key&quot;:&quot;&quot;,&quot;designer_toolTips&quot;:true,&quot;twitter_template&quot;:&quot;Some fancy post title - via @helperblogger&quot;}};

<script type='text/javascript'>
(function() {
var sb = document.createElement(&quot;script&quot;); sb.type = &quot;text/javascript&quot;;sb.async = true;
sb.src = (&quot;https:&quot; == document.location.protocol ? &quot;; : &quot;;) + &quot;/media/js/jquery.shareaholic-publishers-sb.min.js&quot;;
var s = document.getElementsByTagName(&quot;script&quot;)[0]; s.parentNode.insertBefore(sb, s);
</script><a href='' target='_blank'>Social Bookmarking Gadget</a></b:if>

Replace helperblogger with your twitter username,if you dont have a twitter username please remove helperblogger and leave it blank.

Now save your template and you are done...

Check out more social bookmarking widget


  1. nice i use it my site

  2. Hi thanks for making article it is great
    I will use it on my blog also

  3. seo is the process of obtaining traffic from the “free,” “organic,” “editorial” or “natural” listings on search engines. All major search engines like Google, Yahoo and Bing have such results, where internet pages and other content such as videos or local listings are shown and ranked based mostly on what the search engine considers most relevant to users. Payment isn’t involved, as it is with paid search ads.
    Online Bookmarking

  4. Just added the horizontal social shareaholic widget. Easy to add and seems to be working appropriately. Thanks for the guideance and this post with the widgets. I know I am going to add this to all my blogs and look at some of the others as well to see if they will be a great fit too!

  5. This doesn't work for me. Grrrr. I'll keep messing with it but I have no idea why my multiple attempts haven't been successful.

  6. Good Post Thnax
    Get Free Download Softwares with key
    LQPonline. provides free downloads for Windows ,WORLD Best Site for,Solve your Computer Problems, Download Free Register Software & Games, Make Money Online, Learn Complete Computer Softwares and Computer Tips in Urdu Language with Video. I like
    Free Download EA Sports Cricket 2012 Full Version For Pc
    ea sports fifa 2012 free download full version for pc
    ea sports fifa 2012 free download
    speedupmypc 2013 serial number
    download avg internet security 2013 full version

  7. This comment has been removed by the author.

  8. Really awesome thing you have done. This is jagadish kumar chavala and this is one of the better site I have visited. Do you know any site for jobs in india

  9. its really helpful to my blogger i just launch a blog name will yoou please check my blog and give me a suggestion to Results, Recruitment, Admit card, Hall ticket

  10. Does this work well for the new dynamic view blog template of blogger?


If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account). PLEASE DO NOT SPAM