лёгкий способ показать/скрыть комментарии в Blogger

Доброго времени суток, друзья. Хочу вам показать самый простой способ, как в Блоггере показать и скрыть ленту комментариев. Наверняка вы уже видели такой вариант на некоторых блогах. Многие применяют его просто, как элемент дизайна. Кто - то хочет просто скрыть очень большое количество комментариев, чтобы не отвлекать пользователей от основного контента. Другие же, наоборот, не хотят видеть пустое поле, где написано "Комментариев нет".

В любом случае вы сами определитесь, нужно это вам или нет. С настройками особых заморочек не будет, так что сразу пишу путь к реализации такой кнопки - показать/ скрыть комментарии.

Заходим во вкладку тема и и там, где вся секция инклудов, нажмите на чёрные стрелочки слева (маркеры), чтобы открыть полностью коды. С помощью горячих клавиш Ctrl + F находим строку

<b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comments'/>

или просто вбейте в поиск 

data='post' name='comments'/

и заменим её на следующий код

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.buka-komen,.tutup-komen{font-family:inherit;background-color:#11589D;color:#fff;font-size:16px;line-height:1.3em;padding:8px 10px;text-align:center;font-weight:700;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all 218ms;-moz-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms;-webkit-user-select:none;-moz-user-select:none;margin:20px 0 0;cursor:pointer;}
.buka-komen{display:block;margin-bottom:20px}
#comments-box{display:none}
</style>
<div aria-label='Показать комментарии' class='buka-komen' id='buka-komen' onclick='document.getElementById(&quot;comments-box&quot;).style.display=&quot;block&quot;;document.getElementById(&quot;tutup-komen&quot;).style.display=&quot;block&quot;;document.getElementById(&quot;buka-komen&quot;).style.display=&quot;none&quot;' role='button' tabindex='0'>Показать комментарии</div>
<div aria-label='Скрыть комментарии' class='tutup-komen' hidden='hidden' id='tutup-komen' onclick='document.getElementById(&quot;comments-box&quot;).style.display=&quot;none&quot;;document.getElementById(&quot;tutup-komen&quot;).style.display=&quot;none&quot;;document.getElementById(&quot;buka-komen&quot;).style.display=&quot;block&quot;' role='button' tabindex='0'>Скрыть комментарии</div>
</b:if>
<div id='comments-box'>
        <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comments'/>
          </div>

background-color:#11589D;color:#fff;font-size:16px  цвет кнопки и шрифта

Сохраните шаблон. Вуаля. Бегите в блог и смотрите что получилось в итоге.

Возможно вам понравится статья как вставить надпись или иконку в форму отправки комментариев
Или захотите изменить дизайн комментариев.

У меня сегодня всё и до встречи. 

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

введите пожалуйста свой email :