Entendendo os códigos do Blogger

Entendendo os códigos do Blogger

6 10 99
Entendendo os códigos do Blogger 10 6 99
Agora que vocês já sabem a diferença entre layout e template e que é preciso entender HTML e CSS para modificar templates, vamos então começar a estudar os códigos usados nos templates criados para o Blogger/Blogspot.
Antes de mais nada, recomendo que vocês instalem o Template Mínima em um blog de testes. Não sabe como instalar o Mínima? Então acesse:
Bom, os templates que funcionam no Blogger possuem a extensão .XML
O XML é um formato para a criação de documentos com dados organizados de forma hierárquica, como se vê, frequentemente, em documentos de texto formatados, imagens vetoriais ou bancos de dados. Entre linguagens baseadas em XML incluem-se XHTML (formato para páginas Web) Fonte: Wikipedia
Existem algumas regras para o uso de documentos em XML:
  • Todo documento XML, tem que ter uma tag introdutória;
  • XML  difere letras maiúsculas e minúsculas;
  • Todo elemento XML deve ser iniciado e fechado;
  • Comentários em XML são iguais ao HTML (<!--comentário-->) .
A tal tag introdutória pode ser vista no começo do Template Mínima:
Tag Introdutória
O XML ou o seu derivado XHTML, a grosso modo, é um HTML melhorado. Ambos utilizam de comandos simples, chamados de tags, para definir as várias partes de uma página web. Veja, a seguir, alguns exemplos de tags HTML:
tags HTMLNo site Truques e Dicas, encontrei uma lista com as tags HTML mais utilizadas e suas respectivas funções – Listas de tags comuns
Os templates do Blogger são feitos com XHTML. Sendo assim, aceitam tags HTML.
Basicamente, um template para Blogger/Blogspot é dividido em;
  1. tag introdutória
  2. variáveis
  3. CSS
  4. DIVs e Classes
Já expliquei sobre a tag introdutória. Quanto às variáveis,  são a parte que permite a edição das fontes e das cores diretamente pelo painel do Blogger:
Variáveis
O CSS é que vai ditar as regras de posicionamento de todos os elementos do layout, juntamente com as DIVs e classes. Detalhes? Somente no próximo post ;)
5 Comments
Comments
  1. Olá Juliana, gostei muito dessa postagem, pois eu estou procurando etender mais sobre HTML e CSS. Estou até fazendo um curso online.

    ResponderExcluir
  2. oi juliana adoro seu blog é muito util pra todos que como eu estao so começando.
    aceita parceria?
    http://gerebadownloads.blogspot.com
    aguardo contato

    ResponderExcluir
  3. sobre css da pra aprender bem nesse site:
    http://www.pt-br.html.net/tutorials/css/

    ResponderExcluir
  4. muito show as dicas !
    depois dessas dicas meu blog ganhou mais de 5.000 visitas diariamente!!

    www.tutoriaistop.blogspot.com

    ResponderExcluir
 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top