Template Para blogger
Por Nathali L. Corsi
Funciona em Todos os Navegadores
Layolt Masculino
Blue é um template com
layolt masculino, serve para
blogs com temas de
todo o tipo
Baixar
27 de mai. de 2013
Ocultar/Exibir Elementos em Páginas Específicas no Blog
Você já quis ocultar um Gadget em determinada postagem ou página do seu blog? isso é possível e muito fácil, apenas utilizando Tags HTML dentro do seu template.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
1) Para Ocultar um elemento somente na página inicial:
2) Para Ocultar um elemento somente nas páginas internas (de postagens):
3) Para Exibir um elemento somente nas páginas internas:
4) Para Ocultar um elemento somente nas páginas estáticas: ?
5) Para Exibir um elemento somente na página inicial:
6) Para Exibir um elemento somente nas páginas de arquivos:
7) Para Exibir um elemento somente nas páginas estáticas:
8) Para Exibir um elemento em uma página específica:
9) Para Ocultar um elemento em uma página específica:
10) Para Exibir um elemento somente na Página de um Marcador Específico:
11) Para Ocultar um elemento somente na página de um marcador específico:
OBS: Não se esqueça de usar a tag de fechamento </b:if>
Enquanto navegava no template/HTML do seu blog você já deve ter visto algo assim: <b:if>. é essa a tag que fará os elementos aparecerem nas páginas desejadas, mas ela será diferente, depende das páginas que você queira que o elemento apareça.
Cole o código do gadget ou html aqui!
</b:if>
O trecho acima é um exemplo de como você vai deixar o elemento dentro da tag.
Veja outro exemplo na imagem abaixo:
Veja outro exemplo na imagem abaixo:
Ocultando e Exibindo Elementos
1) Para Ocultar um elemento somente na página inicial:
<b:if cond='data:blog.homepageUrl != data:blog.url'>
2) Para Ocultar um elemento somente nas páginas internas (de postagens):
<b:if cond='data:blog.pageType != "item"'>
3) Para Exibir um elemento somente nas páginas internas:
<b:if cond='data:blog.pageType == "item"'>
4) Para Ocultar um elemento somente nas páginas estáticas: ?
<b:if cond='data:blog.pageType != "static_page"'>
5) Para Exibir um elemento somente na página inicial:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
6) Para Exibir um elemento somente nas páginas de arquivos:
<b:if cond='data:blog.pageType == "archive"'>
7) Para Exibir um elemento somente nas páginas estáticas:
<b:if cond='data:blog.pageType == "static_page"'>
8) Para Exibir um elemento em uma página específica:
<b:if cond='data:blog.url == "URL-DA-PÁGINA"'>
9) Para Ocultar um elemento em uma página específica:
<b:if cond='data:blog.url != "URL-DA-PÁGINA"'>
10) Para Exibir um elemento somente na Página de um Marcador Específico:
<b:if cond='data:blog.url == "URL-DO-BLOG/search/label/NOME-DO-MARCADOR"'>
11) Para Ocultar um elemento somente na página de um marcador específico:
<b:if cond='data:blog.homepageUrl != "URL-DO-BLOG/search/label/NOME-DO-MARCADOR"'>
OBS: Não se esqueça de usar a tag de fechamento </b:if>
23 de mai. de 2013
Aplicando estilos CSS a listas em HTML
Aqui está uma coisa legal, aplicar estilos as listas em em HTML. Se você reparar na imagem a esquerda, é uma lista simples em HTML, formada por: <ul><li>Texto ou Link</li></ul>, e ao lado dela tem umas bolinhas, este é o estilo padrão para listas, mas tem como mudar essas bolinhas e colocar vários outros símbolos e estilos!
1) Lista Ordenada: a lista fica organizada em números. Ex:
Também pode ser:
Para isto o código é:
li{list-style:decimal;} ou li{list-style:decimal-leading-zero;} para ficar com o zero na frente do numero
2) Podemos organizar também em ordem alfabética. Ex
Para isto o código é li{list-style:lower-alpha;}
3) Podemos transformar estas bolinhas padrões em quadrados. Ex:
Para isto o código é li{list-style:square;}
4) também podemos transformar em circulos. Ex
Para isto o código é li{list-style:circle;}
5) Existem outros estilos de listas ordenadas (organizada em números) só que numerais diferentes como o armênio. Ex
Para isto o código é li{list-style:armenian;}
e o Romano
Para isto o código é li{list-style:lower-roman;}
6) Como há numerais diferentes, existem alfabetos diferentes, como o grego. Ex
Para isto o código é li{list-style:lower-greek;}
7) Aqui esta mais um truque muito interessante, talvez você queira usar algo diferente, então pode colocar sua própria imagem. Ex:
Para isto o código é li{list-style:url(Link-Imagem);}
Existem vários outros estilos.
Aqui está alguns valores de símbolos diferentes que você pode usar:
georgian
hebrew
hiragana
katakana
20 de mai. de 2013
Template - Teeny
Template Para blogger
Por Nathali L. Corsi
Funciona em Todos os Navegadores
Layolt Feminino
Teeny é um layolt
destinado a blogs de receitas,
doces ou conteúdo
relacionado a isto.
Visualizar
Baixar
Assinar:
Postagens (Atom)
