PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

16/06/2013

Como inserir códigos HTML nas postagens do Wordpress

professional-wp

Códigos HTML nas postagens

Neste artigo vamos mostrar como colocar códigos HTML nas postagens de blogs da plataforma Wordpress (este tutorial é valido apenas para o Wordpress.org).

Para inserir códigos HTML nas laterais do blog (sidebar), leia os artigos:

Como exemplo, vamos utilizar o nosso código HTML para o banner de divulgação que mostramos no artigo:  Como criar uma caixa link-me para divulgar o banner do seu blog.

<!-- Inicio do código HTML button link-me - gerado by maisblog.com -->

<div align="center">

<a href="http://visualdicas.blogspot.com" target="_blank">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOvnSEqOKwoZITf27EECKEHOguAnn3teh2ouOAF_vrhJLYSZ7w4GcHYstAZfZKwzGFJC2czeQKmo5-rfnZNg5DzZpmgapNIGG8keYJUk7c53VmyxArRicGqhG2hZ1vcrr_OcCbmauz2ahI/s1600-r/Visual+Dicas+Super+Logo2.png"border="0"alt="Visual Dicas - A sua fonte de informação!" title="Visual Dicas – A sua fonte de informação!"></a><br><br>

<textarea name="cxlinkme" rows="2" cols="8" onclick="this.focus()" onfocus="this.select()">

<a href="http://visualdicas.blogspot.com" target="_blank">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOvnSEqOKwoZITf27EECKEHOguAnn3teh2ouOAF_vrhJLYSZ7w4GcHYstAZfZKwzGFJC2czeQKmo5-rfnZNg5DzZpmgapNIGG8keYJUk7c53VmyxArRicGqhG2hZ1vcrr_OcCbmauz2ahI/s1600-r/Visual+Dicas+Super+Logo2.png"border="0"alt="Visual Dicas - A sua fonte de informação!" title="Visual Dicas – A sua fonte de informação!"></a></textarea>

</div>

<!-- Fim do button –>

 

Colocando HTML no post do Wordpress

 Acesse o painel do Wordpress: (Entre no seu blog e faça o login. Acesse o painel do Wordpress.org)

image

No menu lateral clique em Posts e selecione [Adicionar Novo] para escrever uma nova postagem.

image

Clique no botão [Visual] e escreva o texto normalmente…

wordpresshtml02

Agora vamos inserir o código HTML do nosso exemplo. Primeiro, clique no botão [Texto] para acessar o editor HTML.

wordpresshtml01

Copie o código HTML que você quer inserir e cole no local desejado do post…  (vamos utilizar o nosso código HTML do exemplo)

image

ATENÇÃO: Depois que você inseriu o seu código HTML não clique mais no botão [Visual] que fica ao lado de [Texto], pois o wordpress.org faz alterações automáticas que podem reconfigurar o código inserido.

Depois de inserido o código HTML, clique no botão [Visualizar] para ver como ficou o post…

wordpresshtml03

Se tudo ficou bem, … (abaixo imagem do nosso exemplo)

image

…clique no botão [Publicar] para enviar o seu post definitivamente…

wordpresshtml03

Para ver o artigo do exemplo, acesse o link Exemplo inserir código HTML (banner caixa de link)

image

byALF

2 comentários:

Idoso disse...

Boa tarde, tentei fazer no meu site: passeio de buggy em joão pessoa, e nao deu certo. O que faço?

Visual Dicas disse...

Olá Idoso,

Verifique se existe algum erro no código HTML. Utilize o editor www.squids.com.br/editor para verificar...

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Fique mais.... Leia os nossos artigos!!!

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics