Algumas pessoas, que ainda usam o editor de textos do painel do Blogger, têm muita dificuldade para formatar adequadamente seus artigos ou mesmo o fazem de forma amadora por conhecerem pouco dos códigos HTML que podem ser usados para isso. Existem também situações que precisamos de certos códigos para colocar imagens ou gerar links e para isso, precisamos saber alguns códigos HTML.

Mesmo que você use o Blogger in Draft, poderá encontrar dificuldades para realizar algumas alterações em seu artigo e formatar adequadamente seus textos. Sempre recomendamos que se use um editor de textos tipo o Windows Live Writer, que lhe dá mais liberdade e mais ferramentas e funciona instalado em seu PC (ou seja, você pode escrever para seu blog, mesmo que esteja off-line).

Já mostramos aqui as principais funções da barra de ferramentas do editor de textos do Blogger: Publicando uma Postagem – Esse artigo consta em nosso Tutorial de Utilização do Blogger, se você não conhece ainda o conteúdo deste tutorial, dê uma olhada para aprender coisas importantes para melhorar o seu blog e as principais funções do serviço do Blogger.

Existem muitas situações em que precisamos inserir manualmente alguns códigos HTML em nossos Blogs e nem sempre sabemos como fazê-lo. Muita gente escreve para o [ Ferramentas Blog ] perguntando até mesmo como adicionar imagens ou gerar links de palavras ou imagens e, muitas vezes é preciso saber o código HTML.

Assim, mesmo usando bons editores, precisamos conhecer alguns códigos HTML para sabermos como modificar os textos e realizar outras funções em nosso Blog. Vejamos alguns desse e os mais comuns:

Destaque das palavras:


<strong>Negrito</strong>
<em>Itálico</em>
<u>Sublinhado</u>
<strike>Tachado</strike>

Posição do texto:

Esses códigos podem ser usados para elementos de página, imagens e também para tabelas.

Criar links:


<a href=”URL de Destino”>Texto do link</a>
Veja outras maneiras de criar links nas postagens e na barra lateral de seu blog no artigo: Criando links na postagem e na barra lateral.

Inserir imagens:


<img src=”URL da Imagem” />
É preciso hospedar sua imagem num host na internet que gerará um endereço para ela. Sugerimos o padrão que é o PicasaWeb.
Para inserir um link numa imagem, basta colocar o código da imagem entre o código de link.

Tem alguma dúvida ou gostaria de saber como é o código HTML de alguma função que não está descrita nesse artigo, deixe um comentário que providenciaremos a atualização do conteúdo.
Veja nosso artigo que orienta onde colocar códigos HTML de gadgets em seu blog.

Para ver mais códigos e outras funções para editar seus artigos com HTML veja:

• HTMHelen – Tags inline que mudam o texto