0

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

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




Няма коментари :

Публикуване на коментар


Copyright © БЛОГ ЗА БЛОГОВЕ©2016- | All Rights Reserved
Използването на Blogzablogove.com означава, че сте съгласни с нашата Политика на конфиденциалност и защита