07/05/2015

Como colocar gadgets em uma determinada página?

Não sei se vocês perceberam, mas quando vocês estão na página inicial do PH você vê o slide e quando clica em alguma postagem o slide desaparece e só fica uma imagem da Capricho sobre "Diga não ao Bullying". Pois bem, o slide coloquei apenas para ser mostrado na página inicial e a imagem, apenas nas páginas dos posts. Veja:



Quer aprender? Então confira ao tutorial! Pode parecer um pouco complicado de primeira vista, mas deixei bem explicado! Antes de começar, faça um backup do templante. Vá em configuração>Modelo>Fazer backup ou acesse este tutorial.

Tutorial:

Configurações>Modelo > editar Html > Ctrl+F e pesquise pelo nome do Gadget que você queira ocultar ou mostrar em alguma outra página. 

Dica: para saber o nome do Gadget, vá na página layout e confira o título (nome) que você nomeou o mesmo.


Irá aparecer mais ou menos assim:

<b:widget id='HTML5' locked='false' title='Nome do gadget' type='HTML'>
<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'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
</b:widget>

O que esta escrito em negrito 'Nome do gadget' irá estar o seu título, ou seja, o nome do seu gadget que você pesquisou com o Ctrl+F. Agora vamos aos códigos.


Para aparecer na Página Inicial:

Abaixo de <b:includable id='main'>, você coloca:
<b:if cond='data:blog.url == data:blog.homepageUrl'>

Abaixo de <b:include name='quickedit'/> você coloca:
</b:if>

Exemplo:

 <b:widget id='HTML5' locked='false' title='Nome do gadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'> <!-- 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'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>


Para aparecer nas Página dos posts:

Abaixo de <b:includable id='main'>, você coloca:
<b:if cond='data:blog.pageType == "item"'> 

Abaixo de <b:include name='quickedit'/> você coloca:
</b:if>

Exemplo:

<b:widget id='HTML3' locked='false' title='Nome do gadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'> <!-- 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'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
 </b:includable>
</b:widget>

Para aparecer numa página específica:


Abaixo de <b:includable id='main'>, você coloca:<b:if cond='data:blog.url == "Coloque aqui o link da página"'>

Agora abaixo de <b:include name='quickedit'/> você coloca:

</b:if>

Exemplo:

 <b:widget id='HTML3' locked='false' title='Nome do gadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "Coloque aqui o link da página"'> <!-- 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'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

No "Coloque aqui o link da página"', você irá colocar o link (Url) da página que você queira que apareça!

Créditos: Cherry Bomb


Também tenho um outro gadget que oculto. É esse de imagem com legenda que tenho na lateral do blog. Se vocês prestarem atenção, ele só fica na página inicial. Quando clico em algum post, ele some.


Usei o código para aparecer somente na página inicial. Que é este:

Abaixo de <b:includable id='main'>, coloquei:

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

e abaixo de <b:include name='quickedit'/> coloquei:


Para aparecer numa página específica:
Com esse mesmo código (acima) usei pro slide. E para a imagem da Capricho, pra ficar apenas nas páginas dos posts, usei este:

Abaixo de <b:includable id='main'>, você coloca isso:

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

Abaixo de <b:include name='quickedit'/> você adiciona isso:

</b:if>


Qualquer dúvida comente, deixe seu comentário!

Beijos♥



2 comentários:

  1. Eu não sabia disso, normalmente quando quero colocar algo específico em uma página mudo o html (e as vezes até mesmo o css) direto na página/post, dessa forma parece bem mais prático!
    Obrigada por mais uma dica ^^
    Beijos e até mais :* TSS

    ResponderExcluir

Hey!
Fique a vontade ao comentar! Sem xingamentos por favor!

Muito obrigada!♥