quinta-feira, 7 de maio de 2015

Como colocar gadgets em uma determinada página?





Hooooy♥

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.

Olá! Aqui já foi um post bem atrativo, porem, infelizmente com a perda das imagens hospedadas no Tinypic.com, não tenho mais os prints em tempo real.

(Post atualizado em 03/072021) 

Pode parecer um pouco complicado de primeira vista, mas deixei bem explicado! Antes de começar, faça um backup do templante: 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.

Para aparecer somente na página inicial:

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
  2. Nossa que complicado hein!

    Por nada :)

    ResponderExcluir

Olá! Obrigada pela sua visita e comentário♥

Leia também:

Subir