Ocultar sidebar das paginas do blogger

terça-feira, 12 de março de 2013

Vamos dizer que você tem um blog sobre marketing e publicidade e, em algumas páginas, você não quer que apareça a barra lateral e outros elementos além da matéria principal para não desviar a atenção do leitor. Como resolver isso?

Bom, para começar, precisamos definir quais elementos aparecerão e quais não aparecerão na sua página.
Vamos ao código:

Para ocultar o elemento da página estática, use o código abaixo:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
AQUI DEVERÁ FICAR OCÓDIGO DO QUE VC QUER OCULTAR
</b:if>


Para mostrar os elementos nas páginas estáticas do blog, use:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
AQUI O CÓDIGO DO QUE VC QUER MOSTRAR
</b:if>

Note que a única parte que muda em todo o código é "==" para "!=".
 
Por exemplo, se que ocultar a sidebar da página:
Procure por "<div id='sidebar-wrapper'>" e cole a primeira parte do código acima dele e a parte final "</b:if>" depois da tag de fechamento "</div>":

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div id='sidebar-wrapper'>
< ---- restante do código da sidebar ----
------- >
</div>
</b:if>

Você pode ocultar qualquer parte da página, mas o mais usado é para a parte da sidebar porque o cabeçalho e o rodapé do seu blog são muito importantes por serem sua identidade e relacionarem a matéria ao seu logotipo. Mas nada impede de você ocultar todo o resto, deixando apenas a matéria.
Nesses casos, não esqueça de colocar um botão de "voltar" para que seu leitor não acabe indo para outro site.
Um abraço a todos!


Nenhum comentário:

Postar um comentário

Obrigado por sua visita!
Seu comentário será publicado e respondido o mais rápido possível.
Por favor:
- Coloque seu nome no comentário;
- Não faça spam (o comentário será excluído);