Como colocar códigos em html/javascript no post do blog? Essa com certeza é uma pergunta de muitos blogueiros iniciantes. Vamos aprender aqui como realizar esta tarefa de duas maneiras que tornarão sua vida muito mais fácil. Primeiro para entendermos, vamos a uma explicação básica: O que é HTML? HTML quer dizer "Linguagem de programação de marcação de Hipertexto" (HyperText Markup Language) é uma linguagem de programação que é utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores. Para saber mais sobre html clique aqui. Vamos aprender dois modos de publicar códigos em html numa postagem.
Usando o site Parse HTML, você poderá publicar seus códigos em HTML de forma simples, rápida, e super fácil.
• Abra o site clicando aqui.
• Copie ou digite o seu código em HTML, cole na página aberta, e pressione o botão "Parse".
• Pronto, você terá o código modificado para publicá-lo.
• Na postagem você pode adicionar seu código html clicando em "Escrever", e colando-o na postagem.
Dica: Para melhorar o código html a ser publicado você pode adicionar estas tags em "Editar Html" da postagem:
<code>código html</code>.
Outra forma de você publicar códigos em html em sua postagem do blog, é adicionar CSS. Para adicionar o código CSS em seu template, vamos aos seguintes passos:
• Abra o "Painel do blogger", vá em "Design", e por fim "Editar HTML".
• Pressione "Ctrl + F" e procure por
"]]></b:skin>".• Agora adicione o código antes do trecho procurado:
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif, Fixed, monospace;
color : #FFFFFF;
font-weight : 1em/normal;
margin : 0;
padding : 0;
}
Agora, para cada momento em que você quer adicionar códigos HTML em seu post, basta colocar códigos HTML entre margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif, Fixed, monospace;
color : #FFFFFF;
font-weight : 1em/normal;
margin : 0;
padding : 0;
}
<div class="codeview"> seu código </div>Exemplo:
<div class="codeview"> ]]></b:skin> </div>Dica: Você pode alterar background : #f9f9f9; por qualquer cor de sua preferência. Pode também alterar a cor de borda, fonte, tamanho da fonte, etc. Exemplo: background : #dbdbdb;.
Gostou da dica? Então deixe seu comentário!
0 comentários:
Postar um comentário
Seu Comentário é Sempre Bem-Vindo!
Comente, se expresse, opine. Este espaço é seu!
Em caso de dúvidas nos artigos, dicas, downloads... Entre outros.
- Seu comentário necessita ser relacionado com o assunto do post;
- Leia os comentários anteriores, procure se não há resposta já publicada;
- Não responderei comentários dos usuários que utilizem perfis indisponíveis.
Observação!
. Não damos suporte na instalação ou funcionamento dos softwares.
. Todavia poderá deixar sua dúvida no formulário de contato para que possamos ajudar.
LEIA ANTES DE COMENTAR!
Não serão aceitos comentários que contenham links externos e nem com pedido de parcerias;
Se quiser deixar sua URL, comente usando a opção OpenID.
- Os comentários não refletem a opinião do autor.
- Dúvidas, sugestões e outros assuntos trate pelo formulário de contato.
Espero que tenha gostado do site e que volte sempre