Blogger - blogspot - спойлер для комментариев

Добавить на сайт - блог спойлер для комментариев - blogger - blogspot.
Не понаслышке все мы знаем, что комментарии отыгрывают огромную роль в продвижении сайта - блога. Чем больше комментариев, тем больше доверия со стороны поисковых систем. Но порой эти же комментарии могут и навредить сайту, к примеру когда пользователи оставляют слишком много комментариев еще и добавляя к ним различные файлы будь то картинки, видео и т.д. Хотя на платформе блоггер нет возможности добавлять в комментариях видео и картинки. Но все же большое количество комментариев может существенно замедлить загрузку страниц, а вот этого поисковики не совсем одобряют по крайней мере google. Вот дилемма казалось бы комментариев много и это должно поднять сайт - блог в поисковой выдаче, но долгая загрузка страниц не дает этого сделать на все сто процентов. Решить данную проблему можно при помощи спойлера для комментариев. Главное не путайте со спойлером основного контента сайта. Итак при помощи спойлера можно существенно уменьшить нагрузку на страницы, как раз то, что нам нужно для стопроцентной отдачи комментариев. Пример спойлера вы можете увидеть на тестовом блоге.

Для установки перейдите в раздел Шаблон - Изменить HTML найдите там код <div class='comments' id='comments'> и замените его на следующий код:

<a href="#" id="comments-show" class="showcontent" onclick="showComm('comments');return false;">Показать комментарии</a>
<div class='clear'/>
        <div class='comments hide-content' id='comments'>
<a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;">Скрыть комментарии</a>
<div class='clear'/>

После находим код ]]></b:skin> перед которым добавляем:

/* Show and Hide Comments */
.hide-content{display:none;margin:0;padding:0;}
a.showcontent,#comments a.hiddencontent{display:block;text-decoration:none;position:relative;color:#fff;font-weight:700;font-size:15px;padding:12.5px 0;background:#5593f0;border:2px solid;border-radius:5px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s}
#comments a.hiddencontent {background:#fff;color:#acb3b8;transition:all .3s}
a.showcontent:hover{background:#fff;color:#5593f0;}
#comments a.hiddencontent:hover{background:#acb3b8;color:#fff;}

И финальный аккорд перед кодом </body> вставляем:

<script type='text/javascript'>
//<![CDATA[
// Show and Hide Comments
function showComm(e){document.getElementById(e)&&("none"!=document.getElementById(e+"-show").style.display?(document.getElementById(e+"-show").style.display="none",document.getElementById(e).style.display="block"):(document.getElementById(e+"-show").style.display="block",document.getElementById(e).style.display="none"))};
//]]>
</script>

Сохраняете шаблон и проверяете, что вышло в итоге.

Примечание: данный спойлер работает только для комментариев blogger на таких формах, как disqus, facebook и вконтакте он не будет работать.

Поделиться

Facebook TwitterGoogle+ Vkontakte

Рекомендуем

Blogger - blogspot - спойлер для комментариев
4/ 5
Oleh