Pessoalmente, eu não gosto de animações em flash nos templates, porquê tem flashs que sobrecarregam muito o carregamento normal da página. Porém, como vários leitores já me pediram essa explicação, passo aqui o modo mais simples de como fazer isso no seu blog do blogger. Existem bons sites com códigos das animações já prontas, como o Scriptacolous, ou o Dynamic Drive. Quem entende de flash, pode criar sua própria animação, hospedá-la em algum lugar e linkar no código. *Faça suas mudanças num blog teste antes, se tão  tem certeza do que está fazendo, e use códigos de sites confiáveis. Lembre-se, você pode adicionar qualquer animação ao seu blog através do recurso ‘Adicionar um gadget‘ no painel do layout do seu blog, pela opção ‘Html/Java Script‘. Na sidebar/coluna do blog é simples, basta copiar e colar o código em flash que você quer usar, salvar o gadget e depois posicioná-lo a gosto. Se for no Header/cabeceira do template, clique em Layout/Modelo, tecle ‘ctrl+f’ no seu teclado, então digite <div id=’header-wrapper’>. O código referente ao header do seu blog é:

Daí, troque maxiwidgets para 2, e showaddelement para yes. Salve, volte prá page de elementos da página.Veja que, logo abaixo do header/cabeceira do tema, surgiu uma caixa prá que você adicionar um novo elemento. Clique nessa caixa (escolha Html/Java), adicione o código flash, salve. Pronto, sua animação em flash está no seu blog, mas, seu antigo header ainda está lá. Então, volte na page de edição do Html, ‘ctrl+f’ de novo, ache e apague essa linha de código: <b:widget id=’Header1′ locked=’true’ title=’Testes (Cabeçalho)’ type=’Header’/>

Clique na pré visualização, aparecerá uma mensagem dizendo que seu ‘header1′ será apagado. Clique ok, pronto, seu novo tema, com sua animação em flash já está funcionando!

Resumidamente, os templates do Novo Blogger começa com a tag: <?xml version=”1.0″ encoding=”UTF-8″ ?>. Logo em seguida, o CSS do tema (Style CSS ou Estilo CSS) começa com a tag <b:skin>, ou seja, tudo que você precisar alterar ou adicionar no seu tema, na parte do CSS, que será mostrada/visualizada quando carregar o navegador, você deve copiar e colar após essa tag, senão, ao carregar a página, nada será visto. Após a tag b:skin, vem a seção que tem as variáveis do seu tema ou <![CDATA[/*, essas variáveis determninam a cor do background, da borda, do texto que vai no cabeçalho, das colunas, do cabeçalho, dos links, dos links visitados, da fonte (cor, tamanho, tipo, etc), etc.
Logo após segue-se a seção body {, que contém os dados de imagens do background, como texto, cor, se a imagem de fundo repete ou não, etc. Já a seção Outer Wrapper é referente ao 'container' do blog, digamos, é ela que contém as medidas do seu tema, as medidas das margens, a cor do back, as cores e efeitos dos links. A outra seção que segue é a do Header (Cabeçalho), assim, tudo que diga respeito a ele será determinado pelas tags Header Wrapper e header. Em seguida a seção Content, onde ficam os dados que determinam o centro do blog (main) e as colunas (sidebars), respectivas cores e medidas. Seguem-se pela ordem, a seção dos posts e dos comments. Depois, a seção da Sidebar content, é o conteúdo da sidebar, as cores dos títulos, as imagens que ficam por baixo deles, bem como tudo que pode ser colocado nesse setor, geralmente o profile (perfil vai aqui). Por fim, termina-se a página CSS com a seção do Footer (rodapé), com suas medidas, cores, se tem alguma imagem, etc. Assim, a seção da Style CSS acaba com as seguintes tags de fechamento: ]]></b:skin> e </head>. Ou seja, tudo que você precisar adicionar no Estilo do seu tema, deve ser copiado e colado acima dessas duas tags, e, se o código estiver correto, você visualizará as mudanças no template.
Bom, sobre CSS no novo Blogger, era isso (de forma bem simples) que eu tinha prá falar, essa explicação serve mais como uma idéia geral desse assunto.

Bom, continuando o post sobre a definição de Html e Xml, você encontra na Wikipédia várias definições sobre o que vem a ser o Xml. Mas, num breve resumo, o que é XML? XML é a abreviatura de Extensible Markup Language, uma linguagem que é mais evoluída do que o Html, mas que, para os leigos (como eu), quase não tem muita diferença. Mas, se você olhar com mais calma, verá que há grandes diferenças entre as duas. A linguagem Xml foi criada pela W3C, que é a World Wide Web Consortium, que define e regula a área gráfica da web na internet. Apesar de ser mais complicada (no começo) ela é muito melhor do que o Html.

Atualmente, o XML é usado como linguagem universal para estruturar dados na web. Lembram-se que eu disse que o Html e o Xml tem coisas idênticas? Essas coisas idênticas são as tags, pois elas estão presentes nos dois, prá começar e fechar um comando ou setor do documento. Porém, no Xml, se você não fecha uma tag corretamente, o documento não é visualizado, e ele acusa um erro prá você (o que não ocorre no Html). Parece então que, o Html, por ser mais tolerante, é melhor de se trabalhar (mesmo para os leigos), mas não, pois sendo o Xml tão exigente, seu documento estará 100% certo, e dentro das regras Web (W3C). Por isso é que vemos tantos blogs e sites que vistos no IE ficam uma bagunça (o IE ainda não aderiu totalmente às regras web)! Um exemplo: no documento Xml, se você coloca uma tag <p> que indica o começo de um parágrafo, e deixa de colocar a tag correspondente ao fechamento </p>, o documento não será visto, pois acusará esse erro, ou seja, ou você descobre e arruma o erro, ou seu documento não será visto. O Xml é muito usado por empresas como a Microsoft, a IBM, o Google, Sun, por sua versatilidade, simplicidade e organização.

Semana que vem, o post sobre as principais tags no XML do seu template. Aguardem!

Continuando o post anterior, o documento html começa com a tag <html>, logo depois, vem a tag <head>, onde vão os dados da página (geralmente usados nos buscadores). A tag <title> e </title> onde fica o título do blog/site, terminando com a tag de fechamento </head>. Logo abaixo vem a tag do corpo do documento, ou <body> e </body>, onde está o conteúdo da página, e, finalmente, fecha-se o documento com a tag </html>.
As tags mais importantes e que vemos bastante num documento html são: <br> que é a quebra de linha, <p> parágrafo, <b> negrito, <u> sublinhado, <i> itálico, <em> que dá destaque a certa parte do texto, <font> que determina o tipo, o tamanho, a cor e a fonte propriamente dito, <h1> até <h5> que é o que determina o padrão dos títulos, <div> e </div> tag que contém os atributos da página, essa tag pode conter dentro dela outras tags.
Além dessas, outras duas tags muito usadas são <a> que junta num link um texto ou imagem, pelo atributo href, que indica o endereço do link. Ela vem assim: <a href=’http://(texto ou imagem)’/>. Finalmente a tag <img> que indica o local de certa imagem, quando você adiciona essa tag na sua page, ela vem assim: <img src=’http://(url da imagem)’.
Chega por hoje, semana que vem já falo o essencial em xml, que é a linguagem adotada pelo novo Blogger.

Eu decidi publicar esse post prá tirar as dúvidas de amigas e amigos que me escrevem dizendo que não conseguem instalar novo template em seus blogs no blogspot. É um post prá ajudar de forma bem simples quem está perdido nesse assunto. Antes de mais nada, e de alguém me ‘criticar por falar besteira’, estou explicando como leiga, curiosa mesmo, não sou programadora nem nada, descubro quase tudo sozinha, e várias coisas pela tentativa e erro. E, quem me conhece sabe que gosto de passar pros outros o que descubro.
Bom, primeiro, se você já tem alguma experiência com o HTML, vai ficar mais fácil entender o XML. Tá Claudya, mas o que é HTML? HTML (Hypertext Markup Language) ainda é umas das linguagens de programação mais usadas prá se criar blogs e sites (atualmente o PHP, XML e outras linguagens estão sendo mais usadas). O HTML nada mais é do que um texto feito no Notepad (bloco de notas) que vira página programada prá ser visualizada na internet. O documento HTML é feito em setores através de elementos chamados tags. Caramba, as famosas tags!!! São elas que nos dizem onde começa e onde acaba certo setor, elas vem sempre acompanhadas dos sinais ‘<>’ no começo, e ‘/<>’ no final. As principais tags do HTML são:

Se você fizer uma comparação do antigo e o novo Blogger, verá que, mesmo em XML, quase todas as tags descritas acima, estão nos novos templates (com apenas algumas mudanças). Prá não tornar esse post chato, continuo essa explicação na semana que vem ok.

Fiz uma busca na net, e achei novos sites e blogs que têm muitos templates lindos (para blogger e wordpress)! Dá uma espiada, algum tem que servir pro seu blog/site! Se precisar de ajuda menos complexa, e eu puder ajudar, é só me mandar um e-mail ou comments mesmo.

Esse post foi republicado no Memories2. Leia e comente só lá por favor.

No site ‘eblog templates’, você encontra templates para o novo Blogger, e também para o Wordpress. Além disso, os temas são mostrados, ou seja, você tem os previews de todos eles, e com certeza, dentre tantos, encontra um que te agrade. As categorias incluem os mais baixados, e os bem mais votados. Conheça!