Скрыть или изменить фон сообщения ярлыков

---

Здравствуйте друзья, читатели и гости. Последнее время занимаюсь чисткой своих блогов, удаляю статьи с нерабочими скриптами гаджетов, внешние ссылки на сайты, которых уже нет и много всего другого. С 2013 года накопилось информации, которая на данный момент уже не актуальна. 

Работы много, что-то точно пропущу. Если в статьях найдете нерабочий код виджета, внешнюю ссылку на несуществующий ресурс или другие ошибки, сообщите пожалуйста в комментариях или через контактную форму, буду очень благодарна.

А сегодня скроем или оформим другим фоном серую форму "Показаны сообщения с ярлыком (название) Показать все сообщения". Все мы знаем, что выглядит такое сообщение мрачновато:

Мы сделаем как-то так:

В blogger переходим по вкладке тема, делаем резервную копию шаблона. Далее нажмите изменить, найдите закрывающий тэг </head> и выше вставьте код:

<b:if cond='data:blog.pageType != "error_page"'>

<style>

div.status-msg-body {background-color:#f8f8ff !important; color:#0e5198 !important;}

div.status-msg-body a {color:#03b4cc !important;}

</style>

</b:if>

Настройки простые, измените цветовой код на свой желаемый цвет: синий-фон формы; голубой-цвет текста названия ярлыка; зеленый-цвет текста "показать все сообщения" (цвет в основном зависит от настроек в дизайнере шаблона).

Также изменится сообщение об отсутствующей странице:

Кому-то захочется скрыть такую форму сообщения с названием ярлыков, в таком случае выше закрывающего тэга </head> вставьте код ниже:

<b:if cond='data:blog.pageType != "error_page"'>

<style>

.status-msg-wrap {visibility:hidden;display:none;} 

</style>

</b:if>

Для мобильной версии нужно немного изменить код:

<b:if cond='data:blog.pageType != "error_page"'>

<b:if cond='!data:blog.isMobile'><style>

/* Aspetto Desktop */

div.status-msg-body {background-color:#f8f8ff !important; color:#0e5198 !important;}

div.status-msg-body a {color:#03b4cc !important;}

</style>

<b:else/>

<style>

/* Aspetto Mobile */div.status-msg-body {background-color:#eee !important; color:#333 !important;}

div.status-msg-body a {color:#333 !important;}

</style>

</b:else></b:if></b:if>

Шаблоны у всех разные, поэтому если при сохранении будет выдавать ошибку, преобразуйте код в генераторе HTML кода (в меню выше перейдите по ссылке). На сегодня вся информация. Все вопросы в комментариях. Всем всего доброго.

Рекомендую почитать статьи теме:

• Как получить пользовательскую постоянную ссылку;
• Значение атрибута Nofollow к внешним ссылкам в блоге;
• Как узнать адрес Feedburner блога;
• Полезные и необходимые программы для вебмастеров;
• Клавиатурные комбинации Вставить в текст стрелки и другие символы;

Рекомендуемый контент: