Como incluir un código html en un post ,blogger,
En ocasiones queremos incluir código fuente en los artículos de nuestro blogger para mostrar a nuestros lectores un ejemplo práctico con el que resolver sus dudas.
Algunos bloggers utilizan el tag blockquote
para escribir el código, recordemos que blockquote marca una sección de
nuestra página o artículo como si fuera una referencia de otra fuente,
estéticamente aplica una sangría y poco más.
La opción que yo suelo utilizar para añadir código a mis post de blogger es la siguiente:
- Edito el html de la plantilla que utilizo en mi blog.
- Desde el menú principal de blogger seleccionar la opción Plantilla y a continuación pinchar sobre Edición de HTML
- Esto abrirá un cuadro de diálogo donde deberemos seleccionar la opción Continuar.
- En este momento veremos el código HTML de la plantilla que estemos utilizando en nuestro blog.
- Ahora buscaremos el siguiente texto: ]]></b:skin>
- Recordad que para buscar rápidamente podemos utilizar la combinación de teclas Ctrl + F
- Justo antes del texto del punto número 5 pegaremos el siguiente código:
code {background:#EEEEEE; font-family: Trebuchet MS; display:block; border:1px solid #999999; padding:10px;} Explicación: Con el código anterior estamos creando la code y asignándole unas determinadas características como por ejemplo:
- background: Color del fondo en hexadecimal.
- fonf-family: Tipo de letra
- display: Especifica cómo se mostrará el html resultante.
- border: ancho, tipo y color del borde que rodeará al texto.
- padding: espacio entre el texto y su contenedor.
- Pulsar el botón HTML del editor.
- Escribir en código que quieres mostrar en tu post entre las siguientes tags <code></code>
Suscribirse a:
Enviar comentarios (Atom)
Entradas populares
-
Cómo hacer que ocupe toda la pantalla la imagen de fondo de Blogger En el artículo de hoy vamos a ver cómo hacer que la imagen ... -
Bueno hoy vamos a ver como mostrar códigos HTML en los post o entradas blogger primero vamos a incluir el estilo CSS en la plani... -
Colocar o Agregar la caja de comentarios de facebook en blogger, en este tutorial vamos a ver como insertar o añadir caja de comentarios de... -
Cómo añadir iconos redes sociales que giran en blogger En este artículo voy a explicar cómo añadir iconos de redes sociales que giran ... -
Leer más automático es un truco muy útil para los blogs con entradas largas que decean reducirlas (Solo en la pagina principal), aquí most... -
En ocasiones queremos incluir código fuente en los artículos de nuestro blogger para mostrar a nuestros lectores un ejemplo práctico... -
Para agregar un gadget arriba o debajo de las entradas basta con arrastrar el gadget hasta esa posición y tendremos colocado el gadget en ... -
<div class='social-icons' id='social-iconos'> <ul> <li class='social_icon'><a href='http:...
0 comentarios:
Publicar un comentario