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



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

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

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

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

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

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

Код CSS

<style>
#HTML12,
#HTML20,
#HTML1  {
display: none;}
</style>

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

Как узнать ID любого гаджета в блоггер
Смотрим ID любого гаджета в blogger

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

Скрыть гаджеты с главной страницы блога

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

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

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

TEXT.RU - 100.00%


Автор статьи ✎ Olga Protasova Выпуск ✹ 12/07/2015 Ярлыки ►


Открыть комментарии →

16 коммент. :

  1. Ольга, простите, но это опять я. Я не понимаю. (((

    "В редакторе сообщений blogger написали пост, перейдите слева по вкладке HTML и внизу страницы вставьте код CSS"

    Какой пост? Ведь на главной странице несколько постов и публикуются они автоматически.

    ОтветитьУдалить
  2. Галина, чтобы скрыть с главной гаджеты, нужно в шаблон вставить код. Дописала статью, читайте. Тестировала, подходит для любых шаблонов.

    С использованием CSS (тема этой статьи) скрыть по "адресу" страницы сообщения или статической страницы. Обращайтесь, если что-то непонятно.

    ОтветитьУдалить
    Ответы
    1. Спасибо, теперь всё понятно, попробую. А нет ли у Вас статьи, как вставить картинку или логотип в шапку резинового блога по центру? :)

      У меня стоит шаблон "Простая" - первая, жёлтенькая.

      Удалить
  3. Галина, ответ отправила по почте. Если не получите, свяжитесь со мной через контактную форму. Я не могу в комментариях вставить код, не принимает.

    ОтветитьУдалить
    Ответы
    1. Пока ничего не получила. Пойду искать контактную форму.

      Удалить
  4. Галина, форма в меню, вкладка "Контакты"

    ОтветитьУдалить
  5. Ольга, привет. У меня уже пол года болтается черновик на эту тему - убрать сайдбар. Вчера подкорректировала и решила добавить твой способ в текст. Обязательно дам ссылку на этот пост. хорошее решение. Не возражаешь.

    ОтветитьУдалить
    Ответы
    1. Здравствуй Вика. Конечно не возражаю, давай ссылку. У меня еще есть два поста по этой теме:

      http://goo.gl/MoKqkq
      http://goo.gl/7BL0wg

      Удалить
    2. Что-то ссылки у меня не работают. Ладно. Уже пост готов завтра к публикации.

      Удалить
    3. Вика, у меня открываются ссылки. Вот адрес поста, в нем есть ссылка "как увеличить ширину отдельной страницы":

      http://www.bdblogov.ru/2015/09/registration-page-no-header-sidebars-and-header-in-blogger.html

      Удалить
    4. Оля, У меня ни как не открываются. По полному спокойно перешла. А про ширину я знаю, спасибо.

      Удалить
  6. Гениальное решение! Спасибо за информацию!

    ОтветитьУдалить
  7. Оля, только вот если в сообщение вставляешь, то на странице с сообщениями гаджеты тоже пропадают, а не только с открытием этого сообщения. И под кат убирал, без толку.

    ОтветитьУдалить
    Ответы
    1. Максим, не замечала. А код рекламы вставляли вручную на страницу?
      Коды рекламных блоков лучше вставьте в шаблон над/под data.post.body, вторая строка в шаблоне. Подробнее в статье:

      goo.gl/Quhqtr

      Информация о рекламе adsense, но применима ко всем кодам рекламных блоков.

      Удалить
    2. Пробовал в шаблон вставлять, чтобы над комментариями был - не получилось. Видимо когда автоматически сделал под сообщениями, какой-то конфликт был. Код конечно преобразовывал. С рекламой у меня пока норм, буду эксперементировать ;)

      Удалить


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *