Дизайн. Да скрием коментарите в блога

Добър да ви е денят, приятели. Искам да ви покажа най-лесния начин да инсталирате бутон, чрез който ще се показват и скриват коментарите в 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>

➤Оцветените в червено участъци от кода определят цвета на фона, цвета, вида и размера на шрифта. Променете ги по ваш вкус;

➤Запазете промените в кода на темата;

➤Отворете блога си и вижте какво се е получило;

Ще изглежда така.

Може би ще ви хареса публикацията как да инсталирате друг вид бутон отвори-затвори за коментарите, как да промените дизайна на формата за публикуване на коментарите или как да вмъкнете текст и икона в нея.

Вашите въпроси, моля в коментарите на Блог за блогове.
Този е най-лесният начин за инсталиране на бутон за показване и скриване на коментарите в Blogger.
Лека и приятна работа! Успех!

Здраве за всички вас! Не забравяйте да правите добро на други хора!

Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на: