martes, 16 de abril de 2013

Trucos para mejorar las entradas del blog

Vamos a ver de manera muy general algunos códigos HTML que nos permitirán que nuestras entradas sean más vistosas. Para ello, lo primero que debemos hacer es pinchar en la pestaña "HTML".

Si queremos que la separación entre las líneas sea mayor que la que viene por defecto, podemos insertar en el lugar correspondiente el siguiente código que veis en rojo:
Antes del texto que queremos que esté más separado: <span style="line-height: 175%;"> y después del texto que queremos que esté más separado: </span>

Si queremos centrar un vídeo o una presentación que hemos insertado desde HTML, debemos colocar el código que hemos copiado en la página correspondiente después de <h4 style="text-align: center;"> y antes de </h4>
Ejemplo:
<h4 style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/zegLkZ95TTM"  width="560"></iframe>
</h4>

Finalmente, si queremos colocar un borde a un vídeo o una presentación, debemos colocar el texto style="border: 3px solid black;" dentro de iframe.
Ejemplo:
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/zegLkZ95TTM" style="border: 3px solid black;" width="560">

No hay comentarios:

Publicar un comentario