Añadir codigo en blogger

Leave a Comment
¿Queréis destacar el código de algún programa, comandos de la terminal, algo de html... o simplemente resaltar algun texto? Es muy sencillo. Simplemente accedéis a vuestra cuenta de blogger, y en el blog deseado le dais a "Diseño->Edición de HTML" y buscáis en la parte de la plantilla en la que se definen los estilos css, por ejemplo, antes de body (para encontrarlo pulsad Ctrl+F si usáis Chrome o firefox y escribid "body {" sin las comillas, jeje).
Justo antes de 'body sólo teneis que pegar esto:
code {
font-family:Calibri;
display:block;
color:#FFF;
align:center;
text-align:left;
padding:5px;
background:#333;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border:1px solid #999;
}
Ahora, cada vez que queráis utilizarlo poned el texto entre las etiquetas '<code>' y '</code>' (sin comillas) dentro de 'Edicion de HTML', si no no funcionará.
Ese es el código css de mi etiqueta 'code'. La podéis usar y cambiarle los colores, el tamaño del borde... ¡Probad hasta que quede como os guste!

0 comentarios:

Publicar un comentario