Скрыть виджеты на статических и страницах сообщений с помощью CSS

---

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

Обратите внимание, сколько на главной в сайдбаре гаджетов, и для сравнения перейдите в меню по любой вкладке. Количество гаджетов на главной странице блога заметно отличается от любой другой страницы.

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

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

Используя CSS, мы сможем оставить на странице только самые нужные виджеты. Делается это очень просто. В редакторе сообщений blogger написали пост, перейдите слева по вкладке HTML и внизу страницы вставьте код CSS.

В редакторе blogger в режиме HTML вставить код CSS

Код CSS

<style>

#HTML12,

#HTML20,

#HTML1  {

display: none;}

</style>

HTML12: ID гаджета. Посмотреть нужно дизайн изменить гаджет, в адресной строке.

Смотрим ID любого гаджета в blogger

Чтобы скрыть гаджеты с главной страницы, идем в шаблон изменить шаблон. Делайте резервную копию шаблона. Ищем по ID нужный гаджет и вставляем код, нажмите на рисунок:

<b:if cond='data:blog.pageType == &quot;item&quot;'>здесь код виджета</b:if>

Надеюсь, что информация будет для Вас полезной. Почитайте Как убрать sidebar в не стандартном шаблоне блога Blogspot; Спасибо, что поделились с друзьями в социальных сетях. Всего доброго.

Еще похожие по теме статьи:

• Зафиксировать последний гаджет в сайдбаре блога blogspot;
• Скрыть navbar atom attribution с помощью CSS Сохранить гаджет без названия заголовка;
• Добавить гаджеты в макете блога blogspot на сторонних шаблонах;
• Гаджет формы подписки на обновления RSS ленты;
• Параметры CSS каскадной таблицы стилей;
• Как скопировать не копируемый код;
• Кнопки соц сетей в шапке блога blogger;

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