Conteúdo diferente nas paginas do blog

Conteúdo diferente nas paginas do blog

6 10 99
Conteúdo diferente nas paginas do blog 10 6 99

Conteúdo diferente nas paginas do blog

Às vezes queremos mostrar algumas coisas, mas somente nas paginas individuais das postagens para não sobrecarregar demais a pagina inicial do blog ou por qualquer outro motivo. É mais fácil do que parece pode ter um conteúdo que só aparecerá nas paginas das postagens usando a função <b:if cond.


Existem duas maneiras de fazer isso, uma é quando a códigos que são colocados diretamente pela pagina editar html, se você colocar <b:if cond='data:blog.pageType == &quot;item&quot;'> o código que desejar</b:if> o código que desejar </b:if> esse conteúdo somente aparecerá nas paginas individuais do seu blog e não na pagina principal, no momento (11/02/2010) utilizo isso com o código do botão retweet(enviar para o Twitter), note que ele não aparece na pagina inicial de nosso site, mas está no inicio de qualquer postagem.

Para mostrar algo somente nas paginas individuais das postagens entre na pagina editar html, clique para expandir o modelo, procure por <data:post.body/> e logo depois coloque:

<b:if cond='data:blog.pageType == &quot;item&quot;'> o código que desejar </b:if>

Clique para salvar e visualize o blog a frase o código que desejar aparecerá somente nas paginas individuais do seu blog. Da mesma maneira que funcionou com essa frase poderia ser feito com qualquer código que tem na pagina editar html, se colocar isso antes do <data:post.body/> ele aparecerá entre o titulo e a postagem e não no final dela.

Também podemos fazer o mesmo com qualquer gadget do blog, o procedimento é parecido, entre na pagina editar html, clique para expandir o modelo e procure pelo gadget que deseja, o jeito mais fácil de achar é pesquisar pelo titulo dele, caso não tenha titulo sugerimos colocar um mesmo que seja somente para facilitar a localização, depois você poderá retirar o titulo assim que terminar de colocar este código. Vamos mostrar ocultando um gadget de html/javascript afinal esse é o mais utilizado, o código normal dele é assim:

<b:widget id='HTML5' locked='false' title='Assine nosso Feed' 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>

Veja o texto na primeira linha: assine nosso feed, isso é o titulo do gadget por isso dissemos que colocar um titulo é o jeito mais fácil de localizar, claro utilizando o ctrl F. Agora vamos colocar o código para ocultar esse gadget na pagina inicial do blog, então ficará deste jeito:

<b:widget id='HTML5' locked='false' title='Assine nosso Feed' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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>

A regra principal aqui e não misturar as coisas, ou seja, cada parte do código tem um inicio e fim veja que ao inserirmos a primeira parte do código (<b:if cond='data:blog.pageType == &quot;item&quot;'>) deixamos antes dele <b:widget e <b:includable, portanto quando fecharmos o código(</b:if>) precisamos deixar depois dele </b:includable>, </b:widget>.

Caso queria fazer o contrário, ou seja mostrar algo somente na pagina inicial o sistema é o mesmo, apenas use o código:
<b:if cond='data:blog.pageType == &quot;index&quot;'>

no lugar que usou antes:
<b:if cond='data:blog.pageType == &quot;item&quot;'>

Precisamos lembrar que nem todos os gadgets são iguais e alguns deles podem ser mais difíceis fazer isso, mas certamente com atenção e calma será possível, esperamos que gostem e aproveitem essa dica para dar um toque diferente nas paginas do blog.
Related Posts with Thumbnails

0 comentários:

Postar um comentário

 
Curso Sobre Blogspot © 2015 | Distributed By My Blogger Themes | Design By Duy Templates
Top