Ocultar widgets em determinada página
Autor: Nauan Alcântara | Publicado: 2017-05-05T16:05:00-03:00



Eu publiquei um artigo ensinando a&nbsp;ocultar elementos em página específica, onde explico como ocultar ou exibir elementos para que eles apareçam somente nas páginas que você definir, ou seja, você define quais elementos você quer que apareça somente na página inicial, somente nas páginas internas, ou nas páginas internas, incluindo as páginas de arquivos e marcadores.
Neste artigo veremos como ocultar ou exibir widgets em determinadas páginas.

Por padrão, no blogger, toda vez que inserimos um gadget na sidebar ou até mesmo no footer, através do menu “layout” &gt;&gt;”adicionar um gadget”, ele aparece em todas as páginas do blog (inicial, interna e de marcadores e arquivos).
Porém é possível definir, através de uma condicional, em quais páginas os widgets devem aparecer.
Você pode controlar a exibição de um widget/gadget em seu template.

Agora você vai ver como é fácil poder escolher e definir onde ficará a exibição de cada gadget que você instalou no seu template.

Com esta dica você pode melhorar a usabilidade dos seus widgets fazendo com que eles apareçam somente nas páginas onde são mais importantes, sem falar que também ajuda a melhorar o carregamento do seu blog, ao ocultar certos Widgets ‘pesadinhos’ na página inicial.





Exemplificando para um melhor entendimento:
Digamos que você tem um Widget de “Postagens Populares” e queira ocultá-lo nas páginas internas, de marcadores e arquivo.&nbsp;Quer que ele apareça somente na página inicial.
Acesse o painel do Blogger, clique no menu “layout” e entre na edição HTML do seu template, clicando no botão “editar html”.
Marque a opção “Expandir modelos de widgets” e&nbsp;procure pelo título do widget que você quer controlar a exibição.





Exemplo – Widget somente na página inicial:




Cole o código que define onde este Widget irá aparecer logo depois dessas linhas, que no exemplo acima será:




Agora você precisa fechar a condicional.

Cole:
&lt;/b:if&gt;

Antes de :
&lt;/b:includable&gt;





Deverá ficar assim:

 

Selecione a área de trasferência, depois pressione Ctrl+C  Testar HTML Testar CSS


&lt;b:widget id='PopularPosts1' locked='false' title='Postagens populares' type='PopularPosts'&gt;

&lt;b:includable id='main'&gt; &lt;b:if cond='data:blog.url == data:blog.homepageUrl'&gt;

&nbsp; &lt;b:if cond='data:title'&gt;&lt;h2&gt;&lt;data:title/&gt;&lt;/h2&gt;&lt;/b:if&gt;

&nbsp; &lt;div class='widget-content popular-posts'&gt;

&nbsp;&nbsp;&nbsp; &lt;ul&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:loop values='data:posts' var='post'&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:if cond='data:showThumbnails == &amp;quot;false&amp;quot;'&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:if cond='data:showSnippets == &amp;quot;false&amp;quot;'&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- (1) No snippet/thumbnail --&gt;

&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a expr:href='data:post.href'&gt;&lt;data:post.title/&gt;&lt;/a&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:else/&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- (2) Show only snippets --&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class='item-title'&gt;&lt;a expr:href='data:post.href'&gt;&lt;data:post.title/&gt;&lt;/a&gt;&lt;/div&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class='item-snippet'&gt;&lt;data:post.snippet/&gt;&lt;/div&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:else/&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:if cond='data:showSnippets == &amp;quot;false&amp;quot;'&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- (3) Show only thumbnails --&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class='item-thumbnail-only'&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:if cond='data:post.thumbnail'&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class='item-thumbnail'&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;a expr:href='data:post.href' target='_blank'&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/a&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class='item-title'&gt;&lt;a expr:href='data:post.href'&gt;&lt;data:post.title/&gt;&lt;/a&gt;&lt;/div&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div style='clear: both;'/&gt;

&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;b:else/&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- (4) Show snippets and thumbnails --&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class='item-content'&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:if cond='data:post.thumbnail'&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class='item-thumbnail'&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;a expr:href='data:post.href' target='_blank'&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/a&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class='item-title'&gt;&lt;a expr:href='data:post.href'&gt;&lt;data:post.title/&gt;&lt;/a&gt;&lt;/div&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class='item-snippet'&gt;&lt;data:post.snippet/&gt;&lt;/div&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div style='clear: both;'/&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/li&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:loop&gt;

&nbsp;&nbsp;&nbsp; &lt;/ul&gt;

&nbsp;&nbsp;&nbsp; &lt;b:include name='quickedit'/&gt;

&nbsp; &lt;/div&gt;

&nbsp;&lt;/b:if&gt;&lt;/b:includable&gt; 

&lt;/b:widget&gt;


Pronto, seu widget/gadget vai aparecer somente na página inicial do blog.

Portanto não se esqueça:
Sempre que você quiser ocultar um Widget em determinada página você deve localizar o título que você deu ao Widget e colar o código da condicional desejada logo APÓS a linha:



&lt;b:includable id='main'&gt;
e depois cole a linha:
&lt;/b:if&gt;
antes do trecho:
&lt;/b:includable&gt;



 Veja o Código especifico da condicional para cada função:

Selecione a área de trasferência, depois pressione Ctrl+C  Testar HTML Testar CSS



Para OCULTAR um widget somente nas Páginas Iniciais

&lt;b:if cond='data:blog.homepageUrl !=
data:blog.url'&gt;


Para OCULTAR um widget somente nas Páginas
internas(de postagens), mas com exibição na Página Inicial, de Marcadores e de Arquivos:


&lt;b:if cond='data:blog.pageType != "item"'&gt;




Para MOSTRAR um widget somente nas Páginas de Publicações:

&lt;b:if cond='data:blog.pageType == "item"'&gt;



Para OCULTAR um widget na página inicial, de
marcadores e arquivo, mas com exibição nas páginas internas:

&lt;b:if cond='data:blog.pageType =="item"'&gt;


Para OCULTAR um widget somente nas Páginas Estáticas:

&lt;b:if cond='data:blog.pageType != "static_page"'&gt;


Para MOSTRAR um widget somente na Página Inicial:

&lt;b:if cond='data:blog.url ==
data:blog.homepageUrl'&gt;


Para MOSTRAR um widget somente nas Páginas de
Arquivos:

&lt;b:if cond='data:blog.pageType == "archive"'&gt;


Para MOSTRAR um widget somente nas Páginas
Estáticas:

&lt;b:if cond='data:blog.pageType ==
"static_page"'&gt;






Lembrando que: Alguns gadgets, são "problemáticos, como o de seguidores por exemplo,por mais que a gente insira a condicional para ocultá-lo em determinada página, eles não ficam ocultos. Se alguma condicional que você inseriu não deu certo, eu recomendo que você teste, usando a outra.