Как показать или скрыть гаджет Blogger на определённых страницах блога

  Доброго времени суток дорогие читатели блога Best-For-Blogger.ru

  В этой статье речь пойдёт о том, Как показать или скрыть гаджеты/виджеты Blogger на определённых страницах Вашего блога.
  Иногда возникает необходимость добавить гаджет который, будет выводить определённую информацию на страницы блога. Например: рекламу, картинки, видео, ссылки и т.д. По умолчанию в Блоггер стоит настройка показывать виджеты на всех страницах без исключения. Такая настройка приводит к некоторым неудобствам. Например с увеличение количества гаджетов вес страницы увеличивается, что в сою очередь приводит к уменьшению скорости её загрузки - страница грузится дольше. Или же решили добавить гаджет, как дополнение к определённой статье. Но он не уместен к другим постам и тем более к главной странице блога.

  Цель данной статьи научиться показывать или скрывать гаджет/виджет на определённых страницах Вашего блога.

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

  У Блоггера есть много типовых условий для страниц, мы рассмотрим основные из них. Которые будут наиболее полезны для нас:

• index - группа страниц - главная + страницы ярлыков
• homepageUrl - главная страница
• searchLabel - страницы ярлыков
• item - страницы сообщений
• archive - страницы архива
• static_page - статичные страницы (карта сайта, контакты и т.д.)
• error_page - страница "Ошибка 404"
• URL - адрес конкретной страницы

Используя эти условные обозначения создадим условия для отображения или скрытия витжетов.

Показывать только на главной и страницах ярлыков:

<b:if cond='data:blog.pageType == &quot;index&quot;'>

(Код Гаджета)

</b:if>

Показывать на всех кроме, главной и страниц ярлыков:

<b:if cond='data:blog.pageType != &quot;index&quot;'>

(Код Гаджета)

</b:if>

Показывать только на главной странице:

<b:if cond='data:blog.url == data:blog.homepageUrl'>

(Код Гаджета)

</b:if>

Показывать для всех страниц, кроме главной:

<b:if cond='data:blog.url != data:blog.homepageUrl'>

(Код Гаджета)

</b:if>

Показывать только на страницах ярлыков:

<b:if cond='data:blog.searchLabel'>

(Код Гаджета)

</b:if>

Показывать только на страницах сообщений:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

(Код Гаджета)

</b:if>

Показывать для всех кроме страниц сообщений:

<b:if cond='data:blog.pageType != &quot;item&quot;'>

(Код Гаджета)

</b:if>

Показывать только на страницах Архива:

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

(Код Гаджета)

</b:if>

Показывать на всех кроме страниц Архива:

<b:if cond='data:blog.pageType != &quot;archive&quot;'>

(Код Гаджета)

</b:if>

Показывать  только на статических страницах:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

(Код Гаджета)

</b:if>

Показывать для всех кроме статических страниц:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

(Код Гаджета)

</b:if>

Показывать на странице Ошибка 404: 

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>

(Код Гаджета)

</b:if>

Показывать на определённой (заданной) странице:

<b:if cond='data:blog.url == &quot;URL страницы&quot;'>

(Код Гаджета)

</b:if>

Показывать на всех кроме определённой (заданной) страницы:

<b:if cond='data:blog.url != &quot;URL страницы&quot;'>

(Код Гаджета)

</b:if>

URL страницы замените ссылкой на страницу для которой Вы хотели бы реализовать данное условие.

  Хочу обратить Ваше внимание на то, что условие показать или скрыть практически одинаковы отличаются они лишь наличием в коде знака двойного равенства (==) которое разрешает показ. И (!=) который наоборот запрещает показывать гаджет.

  Для многих пользователей рассказанное выше это набор не понятных символов. Для того, что бы внести немного ясности давайте рассмотрим на примере, как выглядит гаджет в шаблон Блоггер и как применить к нему нужное условие.

  В основном гаджеты в шаблоне имеют следующий вид (бывают и другие варианты):

<b:widget (id, название и тип виджета)/>
 <b:includable id='main'>
   (Код Гаджета)
 </b:includable>
 </b:widget>

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

<b:widget (id, название и тип виджета)/>
 <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
   (Код Гаджета)
</b:if> 
</b:includable>
</b:widget>

  Как видно из примера под открывающим тегом <b:includable id='main'> находится
открывающий тег <b:if с условием >, а закрывающий его </b:if> перед закрывающим тегом
 </b:includable>.
  Что бы разобраться с этим каламбуром и понять, как же скрыть или показать гаджет на определённой странице блога. Давайте рассмотрим на реальном примере гаджета "Подписчики" он же " Followers " из стандартного набора гаджетов Blogger.

  В шаблоне он выглядит вот так:



  А вот его исходный код (гаджет виден абсолютно на всех страницах блога):

<b:widget id='PlusFollowers1' locked='false' title='Подписчики' type='PlusFollowers'><b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:profileUrl != &quot;&quot;'>
<div class='g-plus' data-action='followers' data-source='blogger:blog:followers' expr:data-height='data:height' expr:data-href='data:profileUrl' expr:data-theme='data:theme' expr:data-width='data:width'/>
<script type='text/javascript'>
window.___gcfg = {&#39;lang&#39;: &#39;<data:language/>&#39;};
</script>
</b:if>
</div>
</b:includable>
</b:widget>

  Для того, что бы скрыть его со всех страниц блога кроме страниц сообщений (постов). Добавим в код гаджета наше условие по примеру приведённому выше.

<b:widget id='PlusFollowers1' locked='false' title='Подписчики' type='PlusFollowers'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:profileUrl != &quot;&quot;'>
<div class='g-plus' data-action='followers' data-source='blogger:blog:followers' expr:data-height='data:height' expr:data-href='data:profileUrl' expr:data-theme='data:theme' expr:data-width='data:width'/>
<script type='text/javascript'>
window.___gcfg = {&#39;lang&#39;: &#39;<data:language/>&#39;};
</script>
</b:if>
</div>
</b:if> 
</b:includable>
</b:widget>

  Вот так он выглядит в шаблоне:



  Теперь наш испытуемый гаджет будет виден только на страницах сообщений, а на остальных его не будет вообще.

  Подобный трюк можно выполнять практически с любым гаджетом (пока не встречал такого с которым нельзя, но не исключаю). Главное перед любыми работами с шаблоном блога не забывайте делать резервную копию его. Лишним это не будет.

  На последок хочу посоветовать. Для того, что бы упростить поиск гаджета в шаблоне блога задайте ему название (после его можно удалить) если у него его нет.

  Для этого в меню блога перейдите в раздел "Дизайн" найдите нужный гаджет и нажмите изменить



  Введите желаемое название в соответствующее поле.



  Смотрите также:
- Вставить Facebook Like Box в Blogger
- Форма связи - Контакты на отдельной странице Blogger
- Как заработать на собственном блоге
- Как вставить рекламу Google AdSense в любом месте блога на Блоггер (Blogspot)
- Как вставить блок рекламы от Google AdSense в блог на Blogger (Блогпост)
- Google AdSense — регистрация, создание рекламного блока его настройка
- Регистрация в поисковых системах
- Как изменить шаблон в Blogger
- Закрыть внешние ссылки от индексации
- Кнопки социальных сетей от Pluso

 Если статья оказалась Вам полезной буду признателен если Вы порекомендуете её или сам блог "Best-For-Blogger.ru" своим друзьям и знакомым воспользовавшись кнопками социальных сетей. Или оставите на своём веб-ресурсе обратную ссылку.

 С наилучшими пожеланиями, всегда Ваш Алексей Иванович! До новых встреч на страницах нашего блога "Лучшее для Blogger". Оставляйте комментарии, подписывайтесь на обновления.

URL На эту статью:

http://www.best-for-blogger.ru/2014/02/Pokazat-Skryt-Gadzhet-Na-Opredeljonnyh-Stranicah-Blogger.html

Вставьте этот HTML код к себе на страницу:

<a href="http://www.best-for-blogger.ru/2014/02/Pokazat-Skryt-Gadzhet-Na-Opredeljonnyh-Stranicah-Blogger.html">Как показать или скрыть гаджет Blogger на определённых страницах блога</a>

LinkBack Widget