Как показать или скрыть гаджет 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.

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

Гаджет 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>

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

Скрыть Гаджет Followers Blogger

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

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

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

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

Изменить Гаджет в Blogger

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



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

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

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

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


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

11 комментариев :

АрТсад Манько комментирует...

Спасибо огромное это то, что я искала!

Алексей Иванович комментирует...

АрТсад Манько - не за что. Приятно видеть, что люди находят нужную информацию на страницах моего блога.

Владимир Капоэйра Режионал Харьков комментирует...

Спасибо! Все оч толково расписано. А можно как-то убрать из блоггер строку вверху со значком блогера поиск и т.д. ?
Спасибо.

Алексей Иванович комментирует...

Владимир - в данной статье "Как показать или скрыть гаджет Blogger на определённых страницах блога" (впрочем как и во всех остальных) я постарался изложить всю информацию максимально доступно. Что бы любой начинающий блоггер, даже с "нулевыми" знаниями мог быстро разобраться что к чему. И без особого труда реализовать задуманное в своём блоге.
Что касается Вашего вопроса - если я Вас правильно понял, то Вы имеете в виду "Панель навигации Блоггер" так называемый "Навбар". Да эту панель можно убрать без особого труда. Как убрать Navbar Blogger и не только, подробно описано в статье - Убрать внешние ссылки из Шаблона http://www.best-for-blogger.ru/2013/01/ubrat-vneshnie-ssylki-iz-shablona.html#PN

Владимир Капоэйра Режионал Харьков комментирует...

Большое спасибо Алексей. Все действительно оказалось просто.

EGOR LAVRINENKO комментирует...

Большое спасибо за хорошие и толковые ответы. Я только создал блог на гууглу. Надо вставить ссылку в шапку блога а я не знаю как это сделать. Ищу-ищу - не могу н айти толковый и хороший ответ и совет. может вы подскажете как открыть или всрыть код шапки и вставить туда ссылку на сторонний сайт? С уважением Василий. VAR06@MAIL.RU

Алексей Иванович комментирует...

Владимир - рад, что мой блог оказался Вам полезным и Вы смогли убрать Navbar Blogger в своём блоге. Читайте другие статьи моего блога и Вы найдёте много полезной информации для себя и своего блога.

Алексей Иванович комментирует...

EGOR - отдельной статьи как вставить ссылку в шапку блога на Блоггер в моём блоге пока нет. Но в статье "Как вставить Google AdSense в любом месте блога на Блоггер (Blogspot)" я описывал способ Как установить блок рекламы Гугле Адсенсе в шапку блога. По этому же принципу можно добавить ссылку на любой ресурс в интернете, непосредственно в шапку своего блога. Только вместо скрипта рекламы вставить нужно саму ссылку. Хочу сразу Вас предупредить, обязательно сделайте Резервную копию шаблона блога. Зачем это делать, подробно описано в самой статье.

Kairatbek Ramazanov комментирует...

Скажите как убрать редирект на другой сайт из блога блоггер? Спасибо!

Алёна Якубова комментирует...

Здравствуйте. Статья очень толковая. Но на LinkWithin (похожие статьи) не действует - гаджет не убирается с главной страницы, хоть убей!

Сергей Дихтяренко комментирует...

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

Вернуться к началу