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!

Amigas e amigos blogueiros, ainda dá tempo de participar do movimento em prol da campanha contra o cancêr de mama, pelo simples ato de realizar uma mamografia. Além de ser mulher, e ter mamas (óbvio), eu já fiz os meus exames, e, coincidiu do resultado sair na semana passada. Comigo tudo bem! Mas, mesmo você sendo do ‘clube do bolinha’, está rodeado de meninas, e, é importante incentivar essa campanha. Homens! Não deixem que suas amigas, namoradas, parceiras, esposas, mães, irmãs, avós, tias, sejam pegas de surpresa por não fazerem, ou terem medo de saber de um resultado (lembrem-se, saber antes, é 100% melhor que não saber). Mulheres, façam o exame, é importante saber que está tudo bem com sua saúde, e, na maior parte das vezes, só nos lembramos dela quando estamos doentes! O ‘Outubro Rosa’ como foi batizado, foi lançado pela apresentadora Glória Maria, que criou o site Mulher Consciente só prá isso. Além disso, e prá chamar a atenção para o movimento, monumentos turísticos e importantes do País foram coloridos de rosa, tais como, o Memorial JK, e o Teatro Ópera de Arame, que ficaram bem ‘fashion’ coloridos! Teve também o passeio do Rosamóvel, e , por fim, participações principais e importantes de blogueiros como a Sam Shiraishi e da amiga Kaká, assim como da Dehbora, Lu Monte e tantos outros.

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.

O Google pages publicou um comunicado que não está mais aceitando scripts em seu servidor. Isso porquê, segundo informação do site, eles estão desenvolvendo o Google Sites, que, dentre outros recursos, vai englobar o Page Creator. Bom, é uma triste notícia para quem usa o Blogger e tem imagens, arquivos e scripts alojados lá, pois, até o final desse ano o Google Pages deixará de existir, e, a migração para o Google sites será obrigatória (assim, nessa migração, muita coisa alojada no servidor poderá ou será perdida). Então, se você tem algum script importante no seu blog, e não quer perder o mesmo, aconselho a procurar outros servidores que fazem esse serviço, e mudar seus arquivos e scripts para lá o quanto antes. Como opção e dica, temos o SkyDrive, se você já tem conta no Hotmail. Ou então, corre todo mundo pro Blogger em sua Wishlist, e adicionar ‘Upload other files to my blog‘, prá forçar o pessoal lá a incluir essa opção nos blogs (VAMOS FAZER ISSO AGORA!!!!).

Dessa vez foi Adrianna Machado quem me inspirou a fazer essa montagem. O restante da poesia você lê no blog do Silas. Se quiser conhecer um pouco mais do que eu faço, visite meu Fotik e dê uma espiada.