Ocultar gadgets em determinada página

|

Tumblr_lq55rmjtvt1qawkezo1_500_large
Hello meus amados! Ultimamente tenho postado bastante tutoriais não é? Então lá vai mais um. Esse foi pedido de uma leitora, mas infelizmente não lembro quem foi, só lembro que foi no msn.

Enfim, vou mostrar para vocês como fazer um gadget/widget aparecer apenas na página inicial ou apenas em uma página específica do seu blog, um recurso que é bastante usado em blogs estilo revista, para ocultar o slide ou menu da página inicial nas outras páginas.
Não é complicado, basta prestar atenção para por o código no lugar certo.


Primeiro, abra o painel do blogger. Clique no nome do blog  que você deseja modificar. Clique em "Modelo" no menu lateral. Clique no botão "Editar HTML" abaixo da miniatura do seu blog e no aviso que aparecer, clique em prosseguir.

Marque a opção "Expandir Modelos de Widgets":


Aperte Ctrl+F e procure pelo nome do gadget que você deseja ocultar. Se o gadget não tiver nome, vá no layout e coloque um nome nele, pra ficar mais fácil. Depois você tirar o nome, sem problemas.

Vai aparecer um código 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>

Só que obviamente, em vez de "Nome do gadget", vai estar o nome do gadget.

Agora vem a parte que requer atenção:
Se você quiser que o gadget apareça apenas na página inicial, você deve adicionar os seguintes códigos no código do seu gadget. Preste atenção para colar no lugar certo.
Abaixo de <b:includable id='main'>, você coloca isso:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Agora abaixo de <b:include name='quickedit'/> você adiciona isso:
</b:if>
Vai ficar assim:
 <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>
Visualize se não tem nenhum erro e salve.
Agora se você quiser que o gadget apareça apenas nas páginas de posts, faça o mesmo procedimento acima, mas com os códigos que estão em destaque abaixo:
 <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>

E se quiser que o gadget apareça apenas em uma página específica, adicione os códigos destacados abaixo, e coloque o link da página em que você quer que o gadget apareça no lugar indicado:
 <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>

Não esqueça de visualizar antes de salvar para ter certeza de que não há nenhum erro. Também é bom lembrar de fazer download do HTML do blog antes de fazer qualquer mudança, pois assim, se der algo errado, você pode recuperar tudo rapidinho.

Espero que tenham gostado. Kissus!
Related Posts Plugin for WordPress, Blogger...