magnobiet
2/15/2015 - 4:30 PM

Socialize.js

$networks: (
	fb        : #325c99,
	twitter   : #02acec,
	plusone   : #dd4b39,
	pinterest : #cb2027,
	whatsapp  : #59cb3f,
	instagram : #754c24,
	linkedin  : #1e79b1
);

.social {

	a {

		display: inline-block;
		background-color: #666;
		height: 34px;
		line-height: 34px;
		padding: 0 5px;
		color: #fff;
		text-decoration: none;

		&:hover,
		&:focus {
			background-color: darken(#666, 10%);
		}

	}

	@each $name, $color in $networks {

		.#{$name}-share-button {

			background-color: $color;

			&:hover,
			&:focus {
				background-color: darken($color, 10%);
			}

		}

	}

}
<div id="social" class="social">
	<a href="//www.facebook.com/sharer/sharer.php?u=URL_HERE" class="fb-share-button">Share on Facebook</a>
	<a href="//twitter.com/home?status=URL_HERE" class="twitter-share-button">Share on Twitter</a>
	<a href="//plus.google.com/share?url=URL_HERE" class="g-plusone plusone-share-button">Share on Google+</a>
	<a href="//www.linkedin.com/shareArticle?mini=true&url=URL_HERE&title=TITLE_HERE&summary=RESUME_HERE&source=SOURCE_HERE" class="linkedin-share-button">Share on LinkedIn</a>
	<a href="//pinterest.com/pin/create/button/?url=URL_HERE&media=IMAGE_HERE&description=DESCRIPTION_HERE" class="pinterest-share-button" data-pin-do>Pin on Pinterest</a>
	<a href="mailto:EMAIL?&cc=EMAIL_CC&bcc=EMAIL_BCC&subject=SUBJECT&body=BODY_TEXT" class="email-share-button">Send Email</a>
	<a href="whatsapp://send?text=TEXT_HERE" class="whatsapp-share-button">Send WhatsApp</a>
</div>

<div id="disqus_thread"></div>
/*! https://bitbucket.org/magnobiet/socialize.js */

function _socialize() {

	$(window).on('scroll', function() {

		if ($(window).scrollTop() >= $('#social').position().top - 100) {

			SOCIALIZE.get.twitter();
			SOCIALIZE.get.facebook();
			SOCIALIZE.get.disqus('magnobiet');

		}

	});

}