Grixx blog templates: templates, dicas e outras coisas para blogs

Template de receitas com anime

2006-01-04T12:37:00.000-08:00

Gente, mais um template de blog de receitas.

Este foi feito para o meu blog Mil Receitas.

Este blog usa uma bonequinha estilo anime segurando uma panela com alguma comida que ela conseguiu queimar. hehehe

Eu achei que ficou bem limpo, claro e bonitinho.

Aceito opiniões e sugestões.

Receitas de Saúde

2005-12-02T10:46:00.000-08:00

Aí vai um template razoavelmente bonito pro pessoal que gosta de postar receitas saudáveis (diet, light ou natureba).
Esse template cheio de frutas é bem agradável de olhar.
Chamei ele de 'Receitas de saúde' porque foi feito para ter receitas e por causa das frutinhas que passam uma idéia de receitas leves, com vegetais.
(quanta baboseira!!!)
Aí em baixo vai a imagem dele e clicando na imagem vc acessa um blog que usa esse template.

O código está disponível aqui: Template Receitas de Saúde

Templates com animes

2005-11-03T10:53:00.000-08:00

Bem, tenho visto por aí que templates com animes fazem bastante sucesso.
Bem, estou pensando em fazer alguns templates com animes. Já peguei algumas imagens interessantes e estou escolhendo fundos e fontes adequados para estas imagens além de pensar num layout pro blog.
Já estou com idéia pra um template muito lindo: todo cor-de-rosa. Esse vai ser o primeiro que vou fazer. Depois vou fazer outro template para receitas utilizando um desenho estilo anime que combina be, com essa temática e é muito lindo também.

Enquanto milhares de idéias pululam na minha cabeça, a preguiça não me deixa fazer muita coisa no photoshop (que é o programa que tenho utilizado para desenhar meus templates). Essa semana eu sei que não vou fazer nada: consegui baixar no emule quase todas as Scientific American desde os anos 80 até hoje e estou super ansiosa para lê-las. O problema é ter que ler direto da tela do computador (minha impressora está quebrada e não sei quando terei dinheiro para consertá-la ou pra comprar uma nova).

Acho que já falei demais por hoje, tchau.

Gif engraçadinha

2005-11-02T07:53:00.000-08:00

Abaixo vai uma gif engraçadinha:

Mini gifs

2005-10-18T09:35:00.000-07:00

Abaixo algumas minigifs fofinhas

Brown Sabbath

2005-10-08T13:10:00.000-07:00

Esse é um template que fiz pro blog Letras de música do Black Sabbath.
Mas, como esse blog já está com um template rasoavelmente bom, deixo ele num blog de teste.

Abaixo está a imagem do template. Clicando na imagem, você pode visualizar um blog que utiliza este template.

Comentários e sugestões são bem vindos. : )

Sabbath simples

2005-09-27T13:34:00.000-07:00

Este é um template que eu fiz meio às pressas para o blog Letras de música do Black Sabbath
Esse template foi feito para ser visto em resolução 1024x768 ou maior.
Aí em baixo está um print screen do blog:

Novo template do fios e linhas

2005-09-19T07:06:00.000-07:00

Como disse ontem, não fiquei satisfeita com o template do post anterior e acabei fazendo outro.
Abaixo está uma imagem do template novo que chamei de "Fios Rosa".

Clicando na imagem, você verá um blog utilizando este template.

O código do template está aqui: Código do template Fios Rosa .
Se você utilizar este template, deixe um comentário aqui com o endereço do seu blog.

Template para blog de tricô e crochê

2005-09-18T19:32:00.000-07:00

Hoje fiz o template de um blog dedicado a tricô, crochê e outros artesanatos com linhas e agulhas.
O nome do blog é Fios e Linhas. Não gostei muito do template por ser muito escuro e, como esse blog tem muitas imagens em suas postagens, o design ficou muito poluído. Acabei fazendo um outro template mais limpo e mais suave.
A este template dei o nome de 'Fios escuros'.
Abaixo está um printscreen do template Fios escuros e um link pra um blog que está usando esse template:

A fonte utilizada para o título é Rope MF. A imagem da moça fazendo crochê é do Renoir.
Ainda tem muita coisa pra fazer neste template: colocar um rodapé, alguma coisa decente entre um post e outro, etc. Não é perfeito, mas é utilizável.

O código está aqui: código do template Fios escuros
Se você gostou do template, deixe um comentário.
Se utilizar esse template em seu blog, deixe o endereço aqui. :)

Mude o texto de seus comments

2005-09-09T06:48:00.000-07:00

ou como personalizar os comentários do blogger

O Blogger não fala português e, além disso, não sabe diferenciar singular de plural mesmo em inglês.
Digo isso porque no fim dos meus posts sempre aparece

0 comments
1 comments
20 comments

Isso é fácil de resolver:

No seu template procure por
<$BlogItemCommentCount$> comments.

Substitua esse texto por

<script type="text/javascript">var a = <<$BlogItemCommentCount$>;
if(a == 0) {document.write('Nenhum comentário');}
else if(a == 1) {document.write('1 comentário');}
else {document.write(a+' comentários');}</SCRIPT>

Vc pode configurar as partes em negrito.
A primeira frase em negrito aparecerá quando ninguém tiver comentado ainda.
A segunda frase em negrito aparecerá quando houver apenas um comentário.
A terceira frase em negrito aparecerá quando houver dois ou mais comentários, onde a é o número de comentários.

Vc pode configurar também para aparecer mensagens específicas para quando houver um número específico de comentários, por exemplo:

<script type="text/javascript">var a = <<$BlogItemCommentCount$>;
if(a == 0) {document.write('Nenhum comentário');}
else if(a == 1) {document.write('1 comentário');}
else if(a == 2) {document.write('Só duas pessoas comentaram');}
else if(a == 3) {document.write('Ainda temos poucos comentários');}
else if(a == 4) {document.write('Gente, vamos colaborar!!');}
else if(a == 5) {document.write('Está melhorando');}
else {document.write(a+' comentários');}</SCRIPT>

OU

<script type="text/javascript">var a = <<$BlogItemCommentCount$>;
if(a == 0) {document.write('Nenhum comentário');}
else if(a == 1) {document.write('1 comentário');}
else if(a >= 10) {document.write('Ainda temos poucos comentários');}
else {document.write(a+' comentários');}</SCRIPT>

A frase Ainda temos poucos comentários aparecerá quando o número de comentários for menor ou igual a 10 e diferente de 1 ou de 0.

Acho que deu pra entender o negócio. : )

Como tirar a navbar do Blogger

2005-09-09T06:12:00.000-07:00

Aquela navbar do blogger nem sempre é agradável:
está certo que ela é muito melhor que blocos de propaganda no meio do blog, mas são poucas opções de cores (é muito difícil vc encontrar alguma que combine com seu template) e ela às vezes ela esconde parte do template (se vc cria o template sem levar em consideração essa margem). Tem gente também que não gosta da navbar simplesmente por não gostar: acham que a navbar é feia e pronto. Tudo bem, nós sabemos como remover a navbar e colocamos a dica pra isso mais abaixo.

Note que remover a NavBar deve ser contra os termos de serviço do Blogger, então, se fizer isso, faça-o por sua conta e risco. Além disso, o serviço gratuito oferecido pelo Blogger é o melhor que conheço e não seria muito legal sacanear com eles.

A navbar do blogger está toda dentro de um <div>com a id #b-navbar. Para fazer a navbar desaparecer, basta especificar que a margem de cima seja negativa.

Escreva o seguinte códico em algum lugar entre <style> e </style>

#b-navbar{ margin-top: -500px;}

O que acontece é que a navbar do blogger 'aparecerá' 500 pixels acima do ponto onde seu blog começa e por isso você e seus visitantes não podem vê-la.

Em alguns templates, esse código faz com que a NavBar desapareça, mas deixa um espaço em branco do tamanho da NavBar no topo da página. Para solucionar esse problema, basta fazer o seguinte:

Substitua o código abaixo

#content
{
width:740px;
margin:0 auto;
text-align:left;
}

Por este código:

#content
{
width:740px;
margin:-40px auto 0 auto;
text-align:left;
}

Mais uma Hello Kitty trabalhando

2005-09-06T12:42:00.000-07:00

Aqui vai uma nova versão da foto da Hello que postei anteriormente.
A alteração é pequena, mas acho que ficou legal.

Hello Kitty

2005-09-06T12:12:00.000-07:00

Aqui vai uma figurinha da Hello Kitty pra colocar em alguma página que esteja em manutenção.
Lindinha, não?

Parágrafos

2005-07-14T06:48:00.000-07:00

Nos documentos html os espaços em branco (espaços, enters, etc) são sempre substituídos por um único espaço quando exibido num navegador. Vejamos o exemplo:

Isto é um único parágrafo.

Essa quebra de linha será ignorada.

Assim como esses espaços em branco.
</p>

Obs.: A tag </p> aqui não é necessária porque quando o navegador encontra o próximo ele automaticamente percebe que o parágrafo anterior acabou. Isso não vale pra quando você coloca atributos para essa tag, como veremos abaixo:

A tag pode ser utilizada com o atributo align, que indica o alinhamento do texto. Abaixo vai um exemplo:

Isto é um parágrafo centralizado.

Abaixo você vê o resultado:

Isto é um parágrafo centralizado.

Não se esqueça de que aqui é necessário que você feche o parágrafo com </p>, caso contrário, todos os parágrafos seguintes serão centralizados.

Além do align="center" temos também o align="right", que alinha o texto na direita, e o align="left", que alinha o texto na esquerda (esse último é conhecimento inútil porque, se você não indica alinhamento, o texto é automaticamente alinhado à esquerda).

Recuo de margem na primeira linha

A tag apenas separa os parágrafos com uma linha em branco, se você quiser colocar um recuo de margem na primeira linha de cada parágrafo, você tem duas opções:

você pode utilizar a tag <dd>

ou colocar espaços em branco na quantidade que quiser utilizando o código &nbsp;

Cursos

2005-07-10T08:14:00.000-07:00

Arquitetura TCP/IP
Curso introdutório abordando a arquitetura de protocolos TCP/IP.

Sendmail
Instalação, configuração e administração de sistemas de correio eletrônico com Sendmail.

NFS - Network File System

NIS - Network Information System

Samba - Integração Windows e Linux

Segurança de Sistemas Computacionais

Espacejamento de texto em páginas HTML

2005-07-10T08:07:00.000-07:00

Existe um recurso interessante, que permite que façamos o espacejamentoentre as letras de um texto.

No exemplo abaixo, para um item em H5, nós especificamosque as letras devem ficar distantes umas das outras em 10 pontos:

<h5 style="Letter-spacing:10pt">

Dicas para blogs

</h5>

Este estilo pode ser aplicado às tags H1 até H6.
O espacejamento entre as letras também pode ser alterado como for conveniente.