desigens/code.html

## code.html
<div class="social-likes">
	<script>
		var apiKeys = {};
		if (window.location.host == 'desigens.com'){
			apiKeys.facebook = 	423331257722136;
			apiKeys.vkontakte = 3219170;
		}
    </script>
    <div class="social-likes__facebook">
        <div id="fb-root"></div>
        <script>(function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1&appId=" + apiKeys.facebook;
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>
        <div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial"></div>
    </div>
    <div class="social-likes__twitter">
        <a href="https://twitter.com/share" class="twitter-share-button" data-lang="ru">Tweet</a>
        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    </div>
    <div class="social-likes__googleplus">
        <!-- Place this tag where you want the +1 button to render. -->
        <div class="g-plusone" data-size="medium"></div>

        <!-- Place this tag after the last +1 button tag. -->
        <script type="text/javascript">
          (function() {
            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
            po.src = 'https://apis.google.com/js/plusone.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
          })();
        </script>
    </div>
    <div class="social-likes__vkontakte">
        <!-- Put this script tag to the <head> of your page -->
        <script type="text/javascript" src="//vk.com/js/api/openapi.js?63"></script>

        <script type="text/javascript">
          VK.init({apiId: apiKeys.vkontakte, onlyWidgets: true});
        </script>

        <!-- Put this div tag to the place, where the Like block will be -->
        <div id="vk_like"></div>
        <script type="text/javascript">
        VK.Widgets.Like("vk_like", {type: "mini", height: 20});
        </script>
    </div>
</div>

## styles.scss
.social-likes {
	height: 20px;
	.social-likes__facebook {
		width: 150px;
		float: left;
	}
	.social-likes__twitter {
		width: 120px;
		float: left;
	}
	.social-likes__googleplus {
		width: 90px;
		float: left;
	}
	.social-likes__vkontakte {
		width: 150px;
		float: left;
	}
}
	<div class="social-likes">
	<script>
	var apiKeys = {};
	if (window.location.host == 'desigens.com'){
	apiKeys.facebook = 423331257722136;
	apiKeys.vkontakte = 3219170;
	}
	</script>
	<div class="social-likes__facebook">
	<div id="fb-root"></div>
	<script>(function(d, s, id) {
	var js, fjs = d.getElementsByTagName(s)[0];
	if (d.getElementById(id)) return;
	js = d.createElement(s); js.id = id;
	js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1&appId=" + apiKeys.facebook;
	fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>
	<div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial"></div>
	</div>
	<div class="social-likes__twitter">
	<a href="https://twitter.com/share" class="twitter-share-button" data-lang="ru">Tweet</a>
	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
	</div>
	<div class="social-likes__googleplus">
	<!-- Place this tag where you want the +1 button to render. -->
	<div class="g-plusone" data-size="medium"></div>

	<!-- Place this tag after the last +1 button tag. -->
	<script type="text/javascript">
	(function() {
	var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
	po.src = 'https://apis.google.com/js/plusone.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
	})();
	</script>
	</div>
	<div class="social-likes__vkontakte">
	<!-- Put this script tag to the <head> of your page -->
	<script type="text/javascript" src="//vk.com/js/api/openapi.js?63"></script>

	<script type="text/javascript">
	VK.init({apiId: apiKeys.vkontakte, onlyWidgets: true});
	</script>

	<!-- Put this div tag to the place, where the Like block will be -->
	<div id="vk_like"></div>
	<script type="text/javascript">
	VK.Widgets.Like("vk_like", {type: "mini", height: 20});
	</script>
	</div>
	</div>
	.social-likes {
	height: 20px;
	.social-likes__facebook {
	width: 150px;
	float: left;
	}
	.social-likes__twitter {
	width: 120px;
	float: left;
	}
	.social-likes__googleplus {
	width: 90px;
	float: left;
	}
	.social-likes__vkontakte {
	width: 150px;
	float: left;
	}
	}