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

Encontre no blog...

09/06/2013

Como inserir códigos HTML nas postagens do Blogger

flags_DD_HTMLCódigos HTML nas postagens

Neste artigo vamos mostrar como colocar códigos HTML nas postagens de blogs da plataforma Blogger.

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

Como exemplo, vamos utilizar o nosso código 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 Blogger

 Acesse o painel do Blogger: www.blogger.com

image

Clique no botão [Criar nova postagem] para escrever um novo post.

image

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

htmlnoblog01

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

htmlnoblog02

Copie o código HTML que você quer inserir e cole no local desejado do post…

image

Clique novamente no botão [Escrever] para ver como ficou o texto com o código inserido…

image

Se tudo ficou bem, clique no botão [Visualizar] para ver como fica o texto no blog… Tudo certo, então clique no botão [Publicar] para enviar o seu post definitivamente…

image

Para ver o artigo de exemplo, acesse o link Colocando códigos HTML no artigo do Blogger

image

byALF

14 comentários:

dfgge disse...

Gostei Tá De Parabéns

Unknown disse...

CARROS NOVOS | CARROS NOVOS MODELOS
http://www.autoshoppingbr.com.br/carros-novos
Carros novos? Modelos de carros novos? Preços de carros novos? Carros novos Chevrolet? Carros novos Fiat? Carros novos Volkswagen? Carros Toyota?

Carlinhos disse...

Muito obrigado me ajudou bastante nesta questão,deixo aqui os meus agradecimentos a visual digas pelo bom trabalho de informação prestado.Não só amim mas também a todos aqueles que entram aqui em busca de ajuda ,valeu um forte abraço e sucessos ai no blogs .

O Segredo Do Zero disse...

olá estou com o código HTML mas quando eu coloco ele no blog não aparece nada...

Visual Dicas disse...

Olá "entrando na igreja",

Envie o código HTML para verificarmos. Pode enviar para o email: visualdicas@gmail.com

Abs.

Visual Dicas disse...
Este comentário foi removido pelo autor.
Mafalda disse...

Olá, estive a ler atentamente o vosso post sobre codigos no blogger. Acontece que aderi agora ao adsense e tenho o codigo. Fui seguindo as indicações e deu tudo bem mas no final, não aparece nada. Será que me podiam ajudar?
Obrigado

byALF disse...

Olá Mafa,

Anúncios do Adsense costumam demorar algumas horas para aparecer. Aguarde pelo menos 24 horas. Se após este tempo, o banner não aparecer, verifique com cuidado se você realmente inseriu o código de maneira correta. Faça testes também colocando outros códigos nas postagens para verificar se o processo está funcionando. Algum templates de terceiros podem criar conflitos com códigos adicionados...

Mafalda disse...

Obrigado Angelo, realmente ainda não apareceu nada. Apenas aparece no site o espaço para o anúncio, mas sem nada. Eu acho que é mesmo ignorância minha... muito obrigado pela atenção á mesma, e parabéns pelo blog que aqui tens!

Anônimo disse...

me ajudou muito....
http://www.dietaredi.com.br

Titania disse...

Ola espero que steja bm.sou novata abri um blog no bidvertiser ja to na final mas pede pra colocar código HTML e nao estou conseguindo. Me ajuda por favor

Visual Dicas disse...

Olá Titania,

Não conheço o cms bidvertiser ainda. Mas o princípio é o mesmo. Encontre o editor HTML e escreva os códigos.

Vamos conhecer melhor o bidvertiser e talvez fazer um post sobre isto.

Abraços.

Titania disse...

Brigada pela informação.

Cumprimentos

Aline Duarte disse...

Olá, quero que uma imagem com link feita com a ferramenta fatias do photoshop vire um post no blogger, porém não estou sabendo lidar. Como seria para fazer isso? Eu copio o código do arquivo, e colando no editor html do post não abre a imagem, embora clicando no arquivo ele abre a imagem e os links funcionam perfeitamente. Obrigada.

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