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

Publicidade:

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="http://3.bp.blogspot.com/_rO1asbIH6w8/S7iBPT5bA5I/AAAAAAAATD0/v_-k8VSfVbU/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="http://3.bp.blogspot.com/_rO1asbIH6w8/S7iBPT5bA5I/AAAAAAAATD0/v_-k8VSfVbU/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

3 comentários:

Nathanael Ferreira disse...

Olá, Tudo bem?

Me chamo Nathanael, tenho um site de themes para tumblr no Brasil.

Gostaria de lhe oferecer uma parceria de trocas de links.

O meu site é: http://www.themesparatumblr.net ;

Aguardo contato;

Desde já agradeço,
Nathanael Ferreira
Themes para Tumblr

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...

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More