Incluir código en tu post de blogger
Cuando quieres escribir un post que incluye ciertos fragmentos de código, si bien es cierto, sabes acerca de html (o deberías saberlo),; pero en mi caso busco lo mas rápido posible de utilizar. Hace unos años atrás (no recuerdo fechas exactas) Microsoft puso en nuestras manos una herramienta extraordinaria (criterio personal ) ; Windows Live Writer era un editor de blog muy completo; incluso tenia algunos plugins que se podían aplicar.
El problema radica cuando, se descontinuó en el mercado; en ese momento y al haber formateado mi computador con W10 no tenia manera de tener la misma facilidad con otras herramientas para que los fragmentos de código se muestren diferentes al formato “standard” del blog.
Por suerte, trasteando un poco por el codigo html del blog; encontre una solución práctica para realizar este proceso; a continuación los pasos:
Encontrar la plantilla
El primer paso para realizar este proceso es buscar la plantilla que queremos editar en blogger, en mi caso escogeré este blog dando clic en el nombre para que se muestre todas las opciones que se pueden manejar.
En lap arte izquierda iré a buscar la opción de “Plantilla” y despues dando clic en “Editar Html” que se encuentra bajo el recuadro de la vista previa del blog.
Editar el HTML
Una vez que hemos dado clic en el botón Editar HTML nos abrira una serie de código html; debemos buscar (CTRL+F) ]]></b:skin>
una vez encontrado esto debemos insertar el siguiente codigo antes code{
background:#FFFFFF;
font-family: Courier New;
display:block;
border:1px solid #999999;
padding:10px;
}
En mi caso el resultado final quedo de esta forma body.mobile .AdSense {
margin: 0 -10px;
}
code {
background:#FFFFFF;
font-family: Courier New;
display:block;
border:1px solid #999999;
padding:10px;
}
]]></b:skin>
Guardamos los cambios en la plantilla y eso sería todo.
Utilizando el codigo
Ahora, al momento que queramos incluir un codigo en el blog; solo debemos rodearlos con el tag <code></code> y eso sería todo, el resultado final lo pueden ver en las lineas de este post.
0 comentarios:
Publicar un comentario
Muchas gracias en cuanto terminemos de revisar el comentario se verá reflejado en el blog