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 и вконтакте он не будет работать.


Коммент.

Имя

Бесплатные шаблоны WordPress Блог Все для blogger Все для WordPress Графический дизайн Заказ сайта Заработок в интернете Инструменты для сайта Контакты Купить шаблон blogger Наши услуги Новичкам Оптимизация сайта Партнерки для сайтов Перевод статьи Плагины для WordPress Полезные сайты Полезные сервисы Полезные статьи Разделы сайта Сайты - блоги Шаблоны для Blogger Шаблоны для Joomla Шаблоны для PrestaShop Шаблоны для Ucoz Шаблоны на русском Шаблоны blogger 2016 Шаблоны blogger бесплатно Шаблоны blogger магазин Шаблоны Bootstrap 3 Шаблоны Magento best blogger templates
false
ltr
item
Шаблоны для сайтов и блогов: Blogger - blogspot - спойлер для комментариев
Blogger - blogspot - спойлер для комментариев
Добавить на сайт - блог спойлер для комментариев - blogger - blogspot.
http://4.bp.blogspot.com/-dNm-v2spSFA/Vh9oOvKwVwI/AAAAAAAAh6A/NM8llsPI2rc/s640/blogger-%25D1%2581%25D0%25BF%25D0%25BE%25D0%25B9%25D0%25BB%25D0%25B5%25D1%2580-%25D0%25B4%25D0%25BB%25D1%258F-%25D0%25BA%25D0%25BE%25D0%25BC%25D0%25BC%25D0%25B5%25D0%25BD%25D1%2582%25D0%25B0%25D1%2580%25D0%25B8%25D0%25B5%25D0%25B2.jpg
http://4.bp.blogspot.com/-dNm-v2spSFA/Vh9oOvKwVwI/AAAAAAAAh6A/NM8llsPI2rc/s72-c/blogger-%25D1%2581%25D0%25BF%25D0%25BE%25D0%25B9%25D0%25BB%25D0%25B5%25D1%2580-%25D0%25B4%25D0%25BB%25D1%258F-%25D0%25BA%25D0%25BE%25D0%25BC%25D0%25BC%25D0%25B5%25D0%25BD%25D1%2582%25D0%25B0%25D1%2580%25D0%25B8%25D0%25B5%25D0%25B2.jpg
Шаблоны для сайтов и блогов
http://www.shablonu-dlya-blogger.ru/2015/10/blogger-blogspot-spojler-dlya-kommentariev.html
http://www.shablonu-dlya-blogger.ru/
http://www.shablonu-dlya-blogger.ru/
http://www.shablonu-dlya-blogger.ru/2015/10/blogger-blogspot-spojler-dlya-kommentariev.html
true
5286106991494805428
UTF-8
Похожих постов не найдено Отобразить все Читать дальше Ответить Отмена Удалить By Главная Страницы Пост. Отобразить все Рекомендуем Тег Архив Поиск Все посты По вашему запросу не найдено ни одного поста Вернуться на главную Воскресение Понедельник Вторник Среда Четверг Пятница Суббота Вс Пн Вт Ср Чт Пт Сб Января Февраль Март Аперль Май Июнь Июль Август Сентябрь Октябрь Ноябрь Декабрь Янв Фев Мар Апр Май Июнь Июль Авг Сен Окт Ноя Дек только что минуту назад $$1$$ мин. назад час назад $$1$$ час. назад Вчера $$1$$ дней тому назад $$1$$ недель тому назад более 5 недель Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy