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

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

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

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

Допустим, человек создал виджет «слайдер», который отображает контент новых или популярных сообщений, но ему нужно, чтобы виджет этот отображался только на его главной странице. Так что же делать, чтобы слайдер этот не мешался в постах…? Итак, те, кто искал способ ограничения виджета на конкретных страницах, сегодня в этой статье узнают, как показать или скрыть виджеты на определенных страницах в Blogger.

[important]Но сперва перейдите в Blogger.com >> Выберете нужный блог >> Дизайн >> Добавить гаджет >> HTML/JavaScript. См. скриншот ниже:[/important]

Виджет HTML и JavaScript

  1. Как показать виджет только на главной странице?

Просто откройте HTML/JavaScript и вставьте код представленный ниже туда. Между этим кодом вставьте свой код. Он будет показывать гаджет только на главной странице вашего блога. То есть виджет будет скрыт от сообщений и статических страниц.

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

Код своего виджета вставьте сюда

</b:if>

  1. Как скрыть виджет главной странице?

Следующей код может быть использован с целью скрыть виджет  главной странице блога. Просто добавьте в ваш HTML/JavaScript гаджет следующий код. Он будет показывать виджеты на каждой странице вашего блога, кроме главной страницы.

<b:if cond='data:blog.pageType == «item»'>

Код своего виджета вставьте сюда

</b:if>

  1. Как показать виджет только на страницах с постами?

Если кто-то хочет, чтобы гаджет был виден только на страницах сообщений, используйте следующий код в HTML/JavaScript редакторе. С помощью следующего кода гаджет будет появляться только в постах.

<b:if cond='data:blog.pageType == «item»'>

Код своего виджета вставьте сюда

</b:if>

  1. Как показывать виджет на статических страницах?

Если кто-то хочет отображать виджет только на статических страницах, воспользуйтесь следующим кодом. Гаджет будет виден только на статических страницах.

<b:if cond='data:blog.pageType == «static_page»'>

Код своего виджета вставьте сюда

</b:if>

  1. Как показывать виджет на страницах архива?

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

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

Код своего виджета вставьте сюда

</b:if>

  1. Как показать виджет на домашней странице и странице сообщений?

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

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

Код своего виджета вставьте сюда

</b:if>

  1. Как показать виджет на домашней и статической странице?

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

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

Код своего виджета вставьте сюда

</b:if>

  1. Как показать виджет в постах и статических страницах?

Добавив следующий код в HTML/JavaScript, ваш виджет будет виден только в постах и статических страницах, а на главной странице он мешаться не будет.

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

Код своего виджета вставьте сюда

</b:if>

Как вытворять такое же с официальными виджетами Blogger?

Вы также можете применить этот же трюк на официальных виджетах Blogger. По сути, этот трюк применим в шаблоне Blogger. Соответственно, вы можете воспользоваться этим трюком в самом сообщении, дизайне и т. д. Для управления виджетами следуйте следующем инструкциям.

  • Перейдите в Blogger >> Шаблон >> Изменить HTML.
  • Не забудьте сделать резервную копию шаблона.
  • В шаблоне ищем заголовок виджета, который вам нужен.
  • Код, который вы найдете, будет выглядеть примерно как этот:

<b:widget id='HTML' locked='false' title='ЗАГОЛОВОК ВИДЖЕТА' type='Profile'>
<b:includable id='main'>

Большой код виджета

</b:includable>
</b:widget>

После того как найдете код похожий на код выше, вы должны добавить между двумя этими тегами <b:includable id='main'> и </b:includable> свой код. После, код должен будет выглядеть примерно так:

<b:widget id='HTML' locked='false' title='ЗАГОЛОВОК ВИДЖЕТА' type='Profile'>
<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Большой кусок кода виджета
</b:if>

</b:includable>
</b:widget>

Вот и все, сохраните свой шаблон, нажав на кнопку «Сохранить шаблон». Я надеюсь, что представленный трюк поможет вам улучшить скорость своего блога, скрывая неиспользуемые виджеты на определенных страницах. Не стесняйтесь оставлять свои комментарии и предложения. Удачи :).

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>