Como colocar códigos HTML nas postagens do blog

Hoje trago um código bem divertido para blog e Blogger.

 Para colocar códigos nas postagens do blog, para blog de tutorial.
                                              Organiza as coisas e deixa um efeito a página deixando seu blog mais organizado e um atrativo para que os visitantes possam copiar
 os códigos com mais facilidade, e voltem a nossos blogs. 

Esse código que vou disponibilizar tem três efeitos um é a cor normal o outro é o hover ao passar o mouse por cima e o terceiro é quando ele é selecionado dando um efeito bem chamativo para as postagens. se você estava atrás de códigos para seu blog esse é o que você precisa siga os passos abaixo e coloque no seu blog .

Lembrando que o código só funciona para códigos que vão acima disso
]]></b:skin>



Copie  o  código  abaixo  e cole  acima  disso 
]]></b:skin>

PASSE O MOUSSE:

.tipsntrack { font-size: 15px;font-family: Verdana;font-weight: normal;font-style:italic; background-color: #000000; color: #ffffff; width: 95%; margin: 5px 10px; padding: 20px 20px 20px 20px; border: 2px dotted lightgrey; border-radius: 10px; box-shadow: -1px -1px 12px 2px gainsboro; transition: background-color .777s; -webkit-transition: background-color .777s; -moz-transition: background-color .777s; -o-transition: background-color .777s; -ms-transition: background-color .777s; } .tipsntrack:hover { background-color: #0c991a ; color: #fff; } .tipsntrack:active { background-color: CornflowerBlue ; color: #000; }

Feito isso salve o modelo e vá em postagens do blog nova postagem html. Agora adicione o codigo abaixo e veja o resultado

PASSE O MOUSSE:

<div class="tipsntrack">
Colocar O Texto aqui
</div>

Veja Tambem:

• Como actualizar o Windows 8.1 Preview para versão final
• Baixar Windows 8.1Portugues
• 2 Sites para criar formulários de contato grátis