domingo, 2 de junio de 2013

[B] Enlace CON imagen, con y sin HTML en Sidebar etc.

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 en la entrada

Related Posts Plugin for WordPress, Blogger...