Este é o post de introdução ao nosso "Mês da Faxina". Antes de começarmos a colocar a mão na massa, vamos ter uma visão geral de html para entender o código do template do Blogger.
Nossos templates são divididos em dois grandes blocos -
<head> e <body> - que, por sua vez, ficam dentro de <html>.A) O bloco "head"
A primeira parte do template -
<head> - como o nome sugere, é a "cabeça" do template. Nesse bloco ficam todas as informações de título das páginas, meta-tags, "enconding", idioma, chaves de verificação, etc. Essas são informações gerais sobre o site, muito importantes se bem descritas, mas que não estão relacionadas ao nosso objetivo de "faxinar" o blog para deixá-lo mais leve.
A1) O bloco "skin" ou "style"
Logo abaixo dessas informações temos o início da famosa tag "skin". Podemos dizer que tudo que fica dentro dessa tag é a "decoração" do seu blog. Nem por isso deixa de ser importante, e é muito!
Nesse bloco, entre
<b:skin><![CDATA[ e ]]></b:skin>, colocaremos os estilos: as imagens de fundo, cores, bordas, estilos tipográficos, medidas das colunas, espaçamento, flutuação, etc.Os estilos são escritos utilizando-se CSS - "Cascading Style Sheets" - ou folha de estilos em cascata.
Mesmo um blog com muita "decoração" pode ficar leve se soubermos escrever corretamente nossa folha de estilos - estruturando bem seu código, enxugando-o através de "herança", economizando código através do agrupamento de seletores e da abreviação das propriedades, etc.
Durante o mês, iremos abordar alguns desses ítens.
B) O bloco "body"
Esse é o espaço onde está localizado o conteúdo de seu blog, ou o "HTML".
Um erro frequente é colocar estilo em conteúdo, como por exemplo, imagens decorativas (bullets ou ícones em listas - botões, etc), estilos tipográficos, etc.
Quando nossa folha de estilos está bem escrita e estruturada, assim como o código HTML, não há necessidade de manter estilos no conteúdo. Além de você correr o risco de se repetir em alguns estilos, enviará aos motores de busca uma mensagem de que aquele estilo é conteúdo (uma imagem de fundo usada como link, por exemplo).
Nem sempre é possível (ou fácil) eliminar todos esses "estilos" de seu código HTML, mas você deve reduzi-los o quanto puder.
Em resumo, nesta introdução, eu queria que vocês ficassem atentos à essa regra importante:
Estilos ficam em head, dentro da tag skin (style) e conteúdo fica dentro de body!
Comentários: 3
Poxa as dicas tão muito boas, mas eu não consigo realizar nenhuma quase, o problema deve ta entre a cadeira e o PC rsrsrsrs...
Eu também to meio sem tempo, mas qualquer dia que eu tiver com um tempo sobrando eu vou tentar até porque o carregamento do FN ta bem demorado principalmente na sidebar...
Cara Rô,
Em sua Footertools Barra, deve ter algo errado. Em Estatísticas, seu Page Rank é = 0!
Não acredito nisso; Algo está errado!
[]'s Inácio Rolim
Thiago: Sem dúvida, tempo é necessário.. lol
Precisa ter paciência e um cadinho de perseverança. Vai com calma que você consegue :)
Inácio: Esse botão mostra o PR de cada página. As páginas novas sempre vão ter PR 0 ou bem baixo. Pode não ser a melhor propaganda :p... mas acho útil pra que eu avalie quais minhas "melhores" páginas e quais as "piores", tendeu? ;)
Abração, meninos!
Postar um comentário
Para deixar o link da sua última postagem coloque este código:
Feed dos Comentários<em><strong>Seu nome</strong> publicou um post sobre.. <a href="seu-link-do-último-post">Título do Post</a></em>
Quando você estiver testando algum hack e tiver dúvidas sobre ele, informe:
1 - O endereço do blog onde você está testando (ou instalando o hack);
2 - O navegador que você está usando (Firefox, Opera, IExplorer, etc).
Leia sobre a política de Comentários!
Eu gosto de conhecer meus leitores! Se você usar OpenId ou perfil fechado, assine o comentário com seu nome e me deixará muito contente!
Bem-vindos e obrigada pela visita!
Blog This!