Este tutorial es útil si queremos utilizar una imagen para redirigir a otra web ( por afiliación etc). Como en el tutorial de Enlaces normales, enseñare a ponerlo con y sin HTML.
SIN HTML
Vamos al apartado Diseño del blog:
Después, vamos a la Sidebar y añadimos un gadget:
El gadget que buscamos es Imagen:
Nos saldra una nueva ventana:
+Titulo: Titulo de nuestra imagen/gadget.
+Pie de foto: pequeña descripción de nuestra imagen ( opcional)
+Enlace: enlace al que queremos que la imagen redirija ( opcional)
+Imagen: Podemos elegir entre subirla de nuestro ordenador ( bastará con buscar y seleccionarla) o copiar la URL de una imagen de internet.
En la opción Reducir hasta ajustar, podremos seleccionarla o no. Si la seleccionamos, significara que la imagen colocada, se pondrá del tamaño que más abajo se nos describe, el cual es normalmente el tamaño de ancho que tiene nuestra Sidebar ( columna). Si no queremos que la redimensione, deseleccionamos esta casilla.
Una vez tengamos todo en orden, guardamos y comprobamos que este como nosotros queremos.
Con HTML
Más o menos es parecido a poner un Enlace normal, con la diferencia que el código a utilizar será algo distinto y la imagen que utilicemos tendrá que estar subida a internet ( hay varios servidores como Imageshack, Photobucket, Dropbox etc.)
Añadiremos un gadget HTML/ Javascript en la columna, y pegaremos el siguiente código:
<a href="ENLACE"><URL DE LA IMAGEN" /></a>
Substituimos ENLACE por el enlace que queramos y URL DE LA IMAGEN por la imagen que queramos utilizar, y el código quedaria asi:
<a href="http://cristalrosegarden.blogspot.com"><img src="https://dl.dropboxusercontent.com/u/100050878/ima2sleder.png" /></a>
Comprobamos que este correcto y guardamos.
Este código se puede usar también en las entradas del blog, e inclusive se le pueden añadir más atributos que cambien el ancho y alto con el que queremos que se visualice, pero eso ya en otro tutorial =D
Espero que os haya servido, y cualquier duda, ¡dejad un comentario o escribidlo en la ChatBox!
Ja nee <3
No hay comentarios :
Publicar un comentario