¡Hola a tod@s! A partir de ahora todos los martes subiremos un pequeño tutorial para que poco a poco vayáis aprendiendo a personalizar vuestro blog y que os quede exactamente como tenéis pensado.
Para mi es muy importante la apariencia del blog porque es lo primero que todo el mundo ve, obviamente, así que el hecho de que sea diferente de el resto y no solo una plantilla pre-diseñada a parte de darle más personalidad también le da un aire más profesional, por decirlo de alguna manera.
Hoy os voy a enseñar lo más básico, que son los códigos de HTML para personalizar el texto de vuestras entradas. Este tutorial lo voy a dividir en dos partes para que no se haga muy largo, pero ya veréis que es lo más sencillo del mundo.
Lo más importante es que recordéis cambiar la vista de vuestra entrada a HTML en vez de Redactar antes de hacer cualquier cosa de la que voy a explicar a continuación, porque si no lo único que veréis serán cosas sin sentido.
Si no estáis muy familiarizados con la vista en HTML, el botón para ponerla está arriba a la izquierda de vuestra entrada, en la misma línea en la que podéis encontrar el cambio de fuente o de color para vuestro texto.
A la hora de poner un texto con link hay que recordar siempre tiene dos partes, la dirección de la página a la que quieres redireccionar y el texto que quieras poner como link. Luego solo tienes que unirlas.
<a href="URL DE LA WEB QUE QUERAIS PONER">Vuestro texto aquí</a>
Entonces, si por ejemplo queremos poner el link de nuestro blog el código final quedaría así:
<a href="http://catsthecity.blogspot.com.es/">MI BLOG</a>
Y se vería así:
MI BLOG
Para poner una imagen con link es exactamente lo mismo que para el texto. Solo que en vez de poner una palabra o frase como link, lo que pondréis sera la url directa de una imagen.
Para esto solo tenéis que subirla a Blogger, Tinypic, Photobucket o cualquier página que conozcáis y luego copiar la URL directa, y el código sería el siguiente:
<a href="URL DE LA WEB QUE QUERAIS PONER"><img border="0" src="URL DIRECTA DE LA IMAGEN"/></a>
Para seguir con el ejemplo de poner un link que lleve a nuestro blog, quedaría así:
<a href="http://catsthecity.blogspot.com.es"><img border="0" src="http://i61.tinypic.com/2mrzl29.png"/></a>
Y se vería asi:
CREDITOS DEL POST
Autor: Maria C. Diaz
Encuéntrame en: Twitter // Tumblr // Instagram
No hay comentarios:
Publicar un comentario