Como centralizar os widgets no Blogger

Dando continuidade à série Primeiros Passos, hoje vou ensinar como se faz para posicionar os widgets na sidebar, que é uma dúvida muito comum entre os leitores novatos.

Para obter este efeito, usaremos os códigos abaixo, substituindo “código do widget” pelo código que será inserido na sidebar  em “html/javascript”. Iremos utilizar como exemplo uma imagem linkada, apontando para os feeds do Dicas Blogger.

CENTRALIZAR

<div align="center" > código do widget</div>

ou simplesmente

<center>código do widget</center>

Exemplo:

POSICIONAR À ESQUERDA

<div align="left" > código do widget</div>

ou simplesmente

<left>código do widget</left>

Exemplo:

POSICIONAR À DIREITA

<div align="right" > código do widget</div>

Exemplo:

Simples assim.

Fonte da Postagem

Publicando códigos html no Blogger

Muita gente me pegunta como publicar códigos html sem que o editor de textos do Blogger faça a conversão em Rich Text.
Fiz um post em setembro de 2007, mas não está muito bem explicado e as imagens desapareceram.
Então, vamos repeti-lo.

É preciso usar um editor de html. Eu uso o NVU Portable. Não precisa instalar e é de graça! Para deixá-lo em português, baixe a extensão aqui. Abra o Nvu e vá em "Tools" > "Extensions" . Clique no botão "Install" e selecione o pacote xpi. Clique em "Install Now" e reinicie o NVU.

Mas vamos ao que interessa....
Pegue o código que você deseja publicar, cole na aba normal (fig 01) . Depois clique na aba "source"(em inglês) ou código-fonte (em português), copie o que aparece (fig02) e cole no seu post, em editar html do Blogger.(fig 03 )
Depois, é só clicar em "escrever" ou "visualizar" e lá estará o código todo bonitão...
Para quem usa o Writer, este procedimento não é necessário.


FIGURA 01                          FIGURA 02


FIGURA 03

Clique nas imagens para ampliar

Fonte de Postagem

Curso básico de HTML e CSS

Muita gente me pergunta como se faz um template. Bom, ele é feito antes de mais nada de HTML e CSS.
 HTML é uma linguagem que possibilita apresentar informações (documentação de pesquisas científicas) na Internet.
CSS é uma linguagem para estilos que define o layout de documentos HTML.
Complicado? Com certeza.
Então, que tal estudar um pouco?
Encontrei no Blog-Fácil um ótimo curso com o básico destas linguagens:

• HTML tutorial
• CSS Tutorial

Divirtam-se!