Google+ Blogger WordPress Facebook Like Vkontakte Odnoklassniki LiveJournal vKruguDruzei Facebook Email Gmail
пятница, 1 июня 2018 г.

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

источник: http://blogohelp.blogspot.com/2012/06/blog-post_16.html
1. Заходим в раздел "Дизайн", где добавляем виджет. Можете расположить его где угодно - под постами блога, в боковой панели и т.п. У нас виджет "ПРИВЕТ".
2. Нужно определить ID для данного виждета - выбираете его редактирование и в адресной строке интернет браузера увидите ссылку, где параметр widgetId вам нужно запомнить, в данном примере там значение ХХХХХ.

3. Находим код виджета в шаблоне. По ID легко можно будет найти наш блок ХХХХ:
<b:section  class='main' id='main' showaddelement='no'>
<b:widget  id='Blog1' locked='true' title='Сообщения  блога' type='Blog'/>
<b:widget  id='HTML2' locked='false' title='' type='HTML'/>
<b:widget  id='ХХХХХ' locked='false' title='ПРИВЕТ'  type='ХХХХ'/>
Наш  виджет "ПРИВЕТ"  будет иметь код:
<b:widget  id='ХХХХХ' locked='false' title='ПРИВЕТ'  type='ХХХХ'>
<b:includable  id='main'>
  <!-- only display title if it's non-empty  -->
  <b:if cond='data:title !=  &quot;&quot;'>
    <h2  class='title'><data:title/></h2>
  </b:if>
 <div class='widget-content'  id='widget-content'>
   <iframe allowtransparency='true' expr:height='data:iframeheight'  expr:name='&quot;poll-widget&quot; + data:pollid'  expr:src='data:iframeurl' frameborder='0' style='border:none; width:100%;'/>
   <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
4. Дальше - добавляем в код условный оператор.
 Формат этого "добавляемого условия" следующий. В данном случае условие отображает виджет только на главной странице.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
 
Обычный код виджета...
<b:else/>
<style  type='text/css'>
#ПРИВЕТ {display:none;} /* убирает пустое место от виджета когда его  нет */
</style>
</b:if> 
Здесь "ПРИВЕТ"это имя видежта. При этом вместе data:blog.homepageUrl  можно поставить другую ссылку - например на страницу или пост блога. В таком случае виджет будет отображаться только на ней.

Как именно должен быть размещен условный код предлагаю оценить как выглядит виджет после его вставки:
<b:widget  id='ХХХХ' locked='false' title='ПРИВЕТ'  type=' ХХХХ'>
<b:includable  id='main'>
<b:if cond='data:blog.url ==  &quot;АДРЕС &quot;'
<!-- only display title if it's non-empty  -->
<b:if cond='data:title !=  &quot;&quot;'>
<h2  class='title'><data:title/></h2>
</b:if> 
<div class='widget-content'  id='widget-content'>
<iframe allowtransparency='true'  expr:height='data:iframeheight' 
expr:name='&quot;poll-widget&quot; +  data:pollid' 
expr:src='data:iframeurl' frameborder='0' style='border:none;  
width:100%;'/>
<b:include name='quickedit'/>
</div> 
<b:else/> 
<style type='text/css'> 
#ХХХХ {display:none;}/*remove blank space that  the gadget leaves*/ 
</style> 
</b:if> 
</b:includable>
</b:widget>
 Начинает условие после строки и заканчивается сразу перед . После того как весь код добавлен, внимательно проверьте все ли указали и сохраняйте.


2 коммент.:

Juliana S комментирует...

Доброго времени суток Иннушка! Вы просили ссылку на урок карты блога, вот он https://www.shablonu-dlya-blogger.ru/2015/08/blogger-sitemap.html#point2. И вот код моей карты блога, я там все цвета поменяла под свой дизайн...Код не помещается...куда я могу Вам его выслать?

Иннушка комментирует...

Юленька,все получила.Ответила на почту. МЛН.спасибо!!!!

Отправить комментарий