Codigos HTML para editar blog

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.

Compre seu E-book: Blogar: Processo de criação de Blogs

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:

<p align="left">Alinhado à esquerda</p>
<p align="right">Alinhado à direita</p>
<p align="center">Centralizado</p>
<p align="justify">Justificado (alinhado às duas margens)</p>


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:

10 Comentários

  1. Muito bom mesmo esse site, nunca gostei de blogs mas agora que estou começando estou adorando.
    Parabéns pelo trabalho

    Responder

  2. Olá bom dia , presciso de colocar meu blog para meus colegas divulgarem ,mais não soube como fazer ….vou tentar agora depois das dicas .
    Parabens ! pelo trabalho de esclarecimento.e instrução.

    Responder

  3. Recentemente virei uma brogueira de carteirinha, mas ainda tenho dificuldades para trabalha com HTML, porisso vou seguir esse blog paratirar minhas dúvidas.

    Responder

  4. Valeu mesmo
    o blog que gerencio esta com um bug devido a templates instalados
    mais com esse post consegui resolve-lo
    valeu mesmo!!

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.