Linkbão Oi Torpedo Oi Torpedo Web Click Jogos Online Rastreamento Correios Mundo Oi oitorpedo.com.br mundo oi torpedos mundo oi.com.br oi.com.br torpedo-online Tv Online Resultado Lotofacil Resultado Lotogol Resultado Mega-sena baixa-facil Resultado Loterias Fofocas E-Scripter Claro Torpedo

12/10/2009

doutorblogs,como usar ascondicionais b:if / b:else no Blogger.

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

Ainda existem muitas dúvidas de como usar ascondicionais b:if / b:else no Blogger. Vamos tentar explorar um pouco mais o assunto e falar também sobre as páginas do Blogger.
Primeiro vamos compreender melhor as condicionais.

Estrutura IF e Operadores

A instrução IF é utilizada nas mais diversas situações de programação, mas fica mais fácil de entende-la se usarmos um exemplo do cotidiano. Vou mostrar como é usada no Blogger:

1
<b:if cond='condições do clima == está chovendo'>

2
Fique em casa

3
<b:else/>

4
Vá ao mercado

5
</b:if>

  1. Na primeira linha colocamos "Se a condição do clima for igual a 'está chovendo'";
  2. Na segunda linha colocamos a instrução se essa condição for verdadeira;
  3. Na terceira colocamos "Senão"
  4. Na quarta linha colocamos a instrução se a condição for falsa;
  5. E por último, fechamos o código com o fechamento da tag b:if.

Podemos escrever de outra maneira:

1
<b:if cond='condições do clima != está chovendo'>

2
Vá ao mercado

3
<b:else/>

4
Fique em casa

5
</b:if>

Aqui mudamos o operador de == para != e invertemos a situação:
"Se a condição do clima for diferente de'está chovendo'"
Bem, vamos transportar isso para as páginas do Blogger.
Eu quero que determinado estilo se aplique à todas as páginas index e não quero que se aplique às páginas dos posts:

01
<b:if cond='data:blog.pageType == "index"'>

02
<style type='text/css'>

03
#main-wrapper {

04
border: 1px solid #000000;

05
}

06
<style>

07

08
<b:else/>

09
<style type='text/css'>

10
#main-wrapper [

11
border: 1px solid transparent;

12
}

13
<style>

14

15
</b:if>

"Se o tipo de página for igual a 'index'"
Coloque borda preta no main-wrapper
"Senão"
a borda será transparente.
Da maneira que escrevemos, a borda será colocada nas páginas: inicial, de categorias, e nas outras páginas index. E não será colocada nas páginas internas dos posts.
Antes de continuarmos vamos ver como são descritas as páginas do Blogger.

Páginas do Blogger

O Blogger contém 3 tipos de página. Mas não precisamos ficar presos apenas aos tipos de página quando queremos determinar uma condição à elas. Podemos usar também onome da página ou a url da página.
Tipos de página

Os tipos de página são:
  1. index - todas as páginas exceto as internas (das postagens) e as de arquivo;
  2. archive - as páginas dos arquivos;
  3. item - as páginas internas (das postagens).
Escrevendo condições para os tipos de páginas

A expressão usada para o tipo de página é blog.pageType

01
<b:if cond='data:blog.pageType == &quot;index&quot;'>

02
<!--  SE o tipo de página for igual a index  -->

03

04
<b:if cond='data:blog.pageType != &quot;index&quot;'>

05
<!--  SE o tipo de página for diferente de index  -->

06

07
<b:if cond='data:blog.pageType == &quot;archive&quot;'>

08
<!--  SE o tipo de página for igual a archive -->

09

10
<b:if cond='data:blog.pageType != &quot;archive&quot;'>

11
<!-- SE o tipo de página for diferente de archive  -->

12

13
<b:if cond='data:blog.pageType == &quot;item&quot;'>

14
<!--  SE o tipo de página for igual a item  -->

15

16
<b:if cond='data:blog.pageType != &quot;item&quot;'>

17
<!--  SE o tipo de página for diferente de item  -->

Nome das Páginas

Quando o Blogger incluiu o blog.pageName (pouco mais de 1 ano atrás, se a memória não falha), foi aplaudido. Isso possibilitou a otimização dos títulos, usando as condicionais.
Mas não é só para os títulos que podemos usar o nome das páginas em condicionais. Podemos aplicar estilos à uma determinada página, ou colocar um widget apenas nessa página.
Vamos ver alguns exemplos.
Exemplo 1 - Widgets em páginas de marcadores

O widget de lista de blogs apenas nas páginas de um marcador chamado "Parcerias":

1
<b:widget id='BlogList1' locked='false' title='Blogroll'type='BlogList'>

2
<b:includable id='main'>

3
<b:if cond='data:blog.pageName == &quot;Parcerias&quot;'>

4
<!-- resto do código -->

5

6
</div>

7
</b:if>

8
</b:includable>

9
</b:widget>

Exemplo 2 - Estilos para a página de um só post

1
<b:if cond='data:blog.pageName == &quot;LOREM IPSUM&quot;'>

2
<style type='text/css'>

3
.post-body {

4
color: #cc0000;

5
}

6
</style>

7
</b:if>

Quando você escreve condicionais para o blog.pageName é importante usar exatamente a mesma grafia que você usou em seus posts. Por exemplo, se "Parcerias" foi escrito com a primeira letra em maiúscula, deve ser colocada assim também na condicional. No exemplo 2, LOREM IPSUM foi escrito todo em maiúsculas e assim deve estar também na condicional.

Url das páginas

Também podemos usar a url das páginas para colocar condicionais. Para isso usamosblog.url.
Exemplo 1 - Título do Blog não clicável na página inicial

1
<b:if cond='data:blog.url == data:blog.homepageUrl'>

2
<data:title/>

3
<b:else/>

4
<a expr:href='data:blog.homepageUrl'><data:title/></a>

5
</b:if>

Exemplo 2 - Estilo só na página de um determinado marcador

1
<b:if cond='data:blog.url == &quot;http://NOME_DO_BLOG.blogspot.com/search/label/Parcerias&quot;'>

2
<style type='text/css'>

3
.post-body {

4
color: #cc0000;

5
}

6
</style>

7
</b:if>

Widget só na página de um certo post

01
<b:widget id='BlogList1' locked='false' title='Blogroll'type='BlogList'>

02
<b:includable id='main'>

03
<b:if cond='data:blog.url == &quot;http://NOME_DO_BLOG.blogspot.com/2009/03/lorem-ipsum.html&quot;'>

04

05
<!-- resto do código -->

06

07
</div>

08
</b:if>

09
</b:includable>

10
</b:widget>

No artigo Widgets diferentes para cada página eu já tinha falado um pouco sobre este assunto, de maneira mais superficial. Com a possibilidade de criar estilos diferentes para cada página os pedidos para tutoriais e as perguntas a respeito das condicionais aumentaram bastante.
Mas elas não se aplicam apenas a estilos e widgets. São muitas as possibilidades de utilização

 

Bookmark and Share

0 comentários:

Postar um comentário

seja bem vindo ao mundo do doutorblogs, e sendo asim espéro ser merecedor de suas amizades e lhe convido para visitar mais e ser um dos Seguidor de nosso blogs.
atenciosamente douotrblogs.

Copie o código referente a imagem e cole
:-A :-Z :-C :-X :-E
:-F :-G :-H :-I :-J
:-K :-L :-M :-N :-O
:-P :-Q :-R :-( :-T
:-a :-e :-i :-o :-w

uma lista com as últimas postagens que ira gostar.

Hello visitante seja bem vindo sua presença é um prazer

ads ads ads
 

Recommended links

  • ads
  • ads
  • ads
  • ads

DOUTOR. Copyright © 2009 Gadget Blog is Designed by Ipietoon Sponsored by Online Business Journal

Creative Commons License
This work is in the Public Domain.
Linkbão Oi Torpedo Click Jogos Online Rastreamento Correios Mundo Oi oitorpedo.com.br mundo oi torpedos mundo oi.com.br oi.com.br torpedo-online Tv Online torrent Resultado Dupla Sena Resultado Loteria Federal Resultado Loteca Resultado Lotofacil Resultado Lotogol Resultado Lotomania Resultado Mega-sena Resultado Quina Resultado Timemania baixa-facil Link-facil Resultado Loterias