Плавающий фиксированный блок лайков

/ Просмотров: 3786

Может кому будет полезен следующий код: зафиксированный блок лайков из популярных соц. сетей. Влияет на скорость индексирования страницы и положение в выдаче.

//Плавающий блок лайков                        
?>
<noindex>
<!-- Одноклассники -->
<div id="alert-me">
<div id="ok_shareWidget"></div>
<script>
!function (d, id, did, st) {
  var js = d.createElement("script");
  js.src = "http://connect.ok.ru/connect.js";
  js.onload = js.onreadystatechange = function () {
  if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
    if (!this.executed) {
      this.executed = true;
      setTimeout(function () {
        OK.CONNECT.insertShareWidget(id,did,st);
      }, 0);
    }
  }};
  d.documentElement.appendChild(js);
}(document,"ok_shareWidget","http://ВАШ САЙТ.ru","{width:75,height:65,st:'oval',sz:20,ck:1,vt:'1'}");
</script>
<!-- Вконтакте -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "vertical", verb: 1, height: 24});
</script>
<!-- Mail.ru -->
<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'nt' : '1', 'cm' : '1', 'sz' : '20', 'st' : '2', 'tp' : 'mm', 'vt' : '1'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>
<!-- 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/en_US/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="https://ВАШ САЙТ.ru" data-layout="box_count" data-action="like" data-show-faces="true" data-share="false"></div>
<!-- Google+ -->
<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'ru'}
</script>
<div class="g-plusone" data-size="tall"></div>
</div>
<style> 
 #alert-me { 
 width:80px;
 position:fixed; /* свойство позиционирования, которое делает блок плавающим */
 top:200px; /* расстояние блока от верхнего края экрана */ 
 margin-left:-7%;
 } 
</style>
<noindex>
<?
//конец  Плавающий блок лайков
Комментариев: 5 RSS

Все правильно, только между кнопками лучше ставить тег BR, чтобы они не налипали друг на друга.