zShareCountBox

zShareCountBox is a beautifully designed, all-in-one share buttons (share, like, tweet, +1, submit, etc) using actual codes officially provided by Facebook, Twitter, Google+, etc (not from a third party share service), available as bookmarklet on your browser (so you can put the share buttons on any web page) and/or as a widget for your website/blog.

zsharecountbox.png

Quick Tips


Install as Bookmarklet on Your Browser


Simply DRAG THE SHARE LINK BELOW TO BOOKMARK BAR on your web browser:


If you prefer light color theme, drag this link instead:
SHARE

To use it, whenever you are visiting a web page (this page for example), if you want to share the page using share buttons, or if you just want to check share count of the page to see how popular the page is, simply click the bookmarklet / bookmark item you just created.


Install as Widget on Your Website/Blog


Simply put the following code into the body of your website template or web page:

<script id="zscb-option" type="text/javascript">
(function(o){
   o.Facebook = 'yes';               // 'yes' | 'no'
   o.Twitter = 'yes';                // 'yes' | 'no'
   o.Google = 'yes';                 // 'yes' | 'no'
   o.Pinterest = 'no';               // 'yes' | 'no'
   o.Reddit = 'no';                  // 'yes' | 'no'
   o.Color_Theme = 'dark';           // 'dark' | 'light'
   o.Position = 'right-middle';      // EXPERIMENTAL: 'right-top' | 'right-middle' | 'right-bottom'
   o.Orientation = 'vertical';       // EXPERIMENTAL: 'vertical' | 'horizontal'
   o.zIndex = '1234567890';          // EXPERIMENTAL: Any integer (number) supported by web browsers
zscbOptions=o;})({});
</script>
<script id="zscb-app" type="text/javascript" charset="utf-8" src="https://googledrive.com/host/0B6WlTvXSFbZ_OVltcnJ4RnYwb2c/js/zsharecountbox.min.js"></script>

Although it can be installed anywhere on your page body (e.g. inside a Wordpress blog widget or a Blogger blog gadget), it is recommended that you put the code at the very end of your page, just before the closing </body> tag.

***

Details


Create Bookmarklet Manually


Alternatively, if you prefer, you can create the bookmarklet manually by creating a new bookmark item on your bookmark bar/menu on your browser. Just put the following code into the URL/Location field of the bookmark item you're creating:
javascript:(function(o,d,h,s,t,c,i,u){o.Facebook='yes';o.Twitter='yes';o.Google='yes';o.Pinterest='no';o.Reddit='no';o.ColorTheme='dark';o.Position='right-middle';o.Orientation='vertical';o.zIndex='1234567890';window.zscbOptions=o;var%20f=d.getElementsByTagName(s)[0],h=d.head||d.getElementsByTagName(h)[0],z=d.createElement(s);z.type=t;z.charset=c;z.id=i;z.src=u;try{f.parentNode.insertBefore(z,f)}catch(e){h.appendChild(z)}})({},document,'head','script','text/javascript','utf-8','zscb-app','https://googledrive.com/host/0B6WlTvXSFbZ_OVltcnJ4RnYwb2c/js/zsharecountbox.min.js');

***

Change Log


1.0.2

2014.05.19
  • Fixed: IE8 HTML Parsing Error (KB927917).

1.0.1

2014.05.17
  • Changed: Code hosted on Google Drive, taking advantage of https: protocol it provides.
  • Changed: Look for canonical href (if exist) for URL to share.

1.0.0

2014.05.13
  • Initial public release.
Google+ Comments Disqus Comments
Disqus Comments Google+ Comments
comments powered by Disqus