Crear un pin/botón cliqueable en barra lateral del blog

Para crear un botón cliqueable en la barra lateral del blog, vamos a insertar una imagen en la barra lateral que funcione como botón para ir a otro lado (redirección). Un ejemplo de esto es la imagen de globito que pueden ver acá a la derecha que dice “nuestro blog”.

  1. Copiar la url de la imagen que quieran usar de Pin/botón:

Pin 1AC2016:
http://tictac.cumbresblogs.com/files/2016/03/1AC2016.png

Pin 2AC2016:
http://lambrosini.cumbresblogs.com/files/2016/03/2AC20161.png

Pin 3AC2016
http://lambrosini.cumbresblogs.com/files/2016/03/3AC2016.png

Pin 4AC2016
http://lambrosini.cumbresblogs.com/files/2016/03/4AC2016.png

My blog:
http://anoukdelaferrere.cumbresblogs.com/files/2015/11/1znblg5-300×267.png

Mi blog:
http://tictac.cumbresblogs.com/files/2015/03/NuestroBLOG_3.png

Logo Las Cumbres 25 años:
http://lambrosini.cumbresblogs.com/files/2016/03/logo_25anos.png

2. Insertar la imagen en el widget. Ir a escritorio/apariencia/widgets y arrastrar el widget “texto” a la barra lateral. Abrir el widget “texto” y copiar el siguiente código:

<a href=”http://reemplazar con la url a la que se quiera dirigir con el botón/”> <img src=”
http://reemplazar con la url de la imagen que se usa para pin/botón cliqueable
“></a>

Se verá así, con tu propio código:
widget-texto-codigo

3. Guardar y listo!!!

 

 

 

 

 

 

Esta entrada fue publicada en Tutoriales y etiquetada , , , , . Guarda el enlace permanente.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *