Блок кнопок поделиться в социальных сетях.

Здравствуйте, мои постоянные читатели, друзья и гости блога. Предлагаю вам сегодня вертикальный фиксированный блок кнопок поделиться в социальных сетях. Вариантов всевозможных кнопочек поставить лайк так много, что и затрудняешься, какие установить в блоге. Использовать стандартные или те, что нам предлагают всевозможные сервисы и сами социальные сети.
Вот ещё одно интересное решение с озорным смайликом в блоке. Посмотрите рабочий вариант здесь.

Приведённый ниже код устанавливается обычным способом в гаджет HTML/JS.

<style>#MDfloatshare{background:#f5f5f5;float:left;padding: 4px; position: fixed; top: 240px; z-index: 1; width:64px;}
#MDfloatemo{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCMMxUbqsCPu5qhqtqU59OUqkJr9vSxgI8ZNIpMMXGGrYq5cvUSoUjVMFY7Rrd1kTYMt4RU2wFmfAvBohKfORxWzEsfMxODxdZ0A6iieJ-uMny7X8jCN9w00CJlrg58z-oTDrAbivS-Fc6/s1600/%5Bwww.makingdifferent.com%5Demo.png);background-position:67px 0;float: left; margin: 0 0 0 -750px; padding: 4px;height:65px;position: fixed; top: 160px; z-index: 1; width:60px;}
#MDfloatemo:hover{background-position:2px 0;}
</style>
<div id="MDfloatemo"><div id="MDfloatshare">
<div style="margin:0 0 5px 2px;">
<a href="https://twitter.com/share" data-count="vertical">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
<div style="margin:0 5px 5px;">
<script type='text/javascript' src='https://apis.google.com/js/plusone.js'></script>
<g:plusone size="tall"></g:plusone></div>
<div style="margin:0 8px 5px;"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like send="false" layout="box_count" width="55" show_faces="false" font="">
</fb:like> </div><div style="margin:0 2px 5px;"><div data-action="share" data-annotation="vertical-bubble" data-height="60">
</div></div></div></div>

Чтобы отрегулировать расположение блока кнопок  если встанут некорректно, меняйте величину -750px в ту или другую сторону.
Можно поиграться и поменять смайлика на свою картинку. Поэкспериментируйте.

источник https://www.makingdifferent.com

Возможно, вам так же понравятся выскальзывающие кнопки социальных сетей.

И у меня сегодня всё. Не буду отнимать ваше драгоценное субботнее время. Всем удачи и до новых встреч.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email