dicas blog
Home » , » Como colocar códigos HTML nas postagens do blog

Como colocar códigos HTML nas postagens do blog

1

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    funciona  para códigos que vão  acima  disso ]]></b:skin> 

 
Faça  um  teste  selecione  o  texto  abaixo 


Selecione o texto



Copie  o  código  abaixo  e cole  acima  disso  ]]></b:skin>  Vá em HTML do  blog expandir modelo  wadgets

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


Salve  o   modelo  e     em  postagens  do  blog  nova postagem  html

Sempre  que  for  postar  um  código HTML  adicione  dentro  do  código  abaixo  na categoria  html como   na  foto abaixo 

Marque  abaixo  do  html código coloque  qualquer  palavra    para  marcar  onde  vai  começar o  restante   de   sua  postagem , veja  na  imagem .


 
Ficar  assim fotos texto da  sua  postagem
Código

<div class="tipsntrack">
Seu  codigo  aqui  dentro
</div>

Restante da postagem aqui


Para  postar código Nas  postagens   copie  isso 

<div class="tipsntrack">
seu código aqui  dentro
</div>

Visível a todos os navegadores
 
Se  por  algum   motivo  você  não  ver  nada aqui   no meu  site,  não  se   assuste o código  funciona   o problema é  no meu  site  mas   veja  uma  demo
Demo

1 comentários: