Скрыть виджеты на статических и страницах сообщений с помощью 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 == "item"'>здесь код виджета</b:if>

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

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