Como colocar códigos em html/javascript no post do blog?

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.

Primeiro passo:
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>.

Segundo Passo:
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 <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!

Postador por Spectro / Comentários