#activar ~ .desplegable {display: none;overflow: hidden;} #activar:checked ~ .desplegable {display: block;} -->
Un indice con JQuery para tu blog
La base de cotización
texto caligrafia
 Cinco estilos de Entradas populares
Como enviar un mensaje de WhatsApp sin guardar el número
Descubrir contraseñas ocultas
Plantilla MovieKhor
Inspiro 2.0 Plantilla blogger
Plantilla Abigail
Gadget de entradas populares en dos columnas
Plantilla New Pro Blogger Template
Revista Pro template blogger

Añadir efectos a los vinculos de tus entradas

Vamos a ver las diferentes formas que tenemos para añadir vínculos a nuestros post de forma sencilla.
Pero antes tenemos que saber que son.
¿Que es un vínculo?
Un vínculo o enlace permiten que nuestro lectores hagan click con el ratón en ciertas palabras o imágenes, y esto les lleve a otra página o enlace determinado.
El hipervínculo realizará la misma función que el vínculo pero nos llevará a un enlace de la misma página en la que estamos.
¿Como añadirlo de forma sencilla en blogger?
En blogger lo podemos añadir muy fácilmente cuando estamos editando una entrada.
Solamente nos tenemos que ir a la parte de arriba de nuestro editor de entrada y pinchar en enlace.
Se nos abrirá otro recuadro en el que tenemos que meter la palabra que se mostrará, las dirección URl de la pagina donde lo queremos enlazar.
También podemos probar el enlace, y por último si queremos que se habrá en otra página.


 Añadir efectos a los vínculos
Vínculo
1- Muestra un cuadro de alerta con un mensaje al poner el ratón encima de un vínculo.
Solo tenemos que cambiar lo marcado en rojo por la URL de tu sitio,lo marcado en verde por el mensaje que se mostrará al pincharlo y lo marcado en azul por el mensaje que se muestra al lector.

<a href="http://tu-sitio.com" onmouseover="javascript:alert('Mensaje');return false">Vínculo</a>

2-Aumenta el tamaño del texto del vínculo al poner el ratón encima, al quitarlo restaura el texto a su tamaño original.

<div id="vinc"><a href="http://tu-sitio.com" onmouseover="javascript: void(document.getElementById('vinc').style.fontSize='3em')" onmouseout="javascript: void(document.getElementById('vinc').style.fontSize='1em')"> Vínculo</a></div>


Solo tenemos que cambiar lo marcado en rojo por la URL de tu sitio,y lo marcado en azul por el mensaje que se muestra al lector.

3- Muestra un mensaje de alerta al hacer clic sobre un vínculo, antes de enviar al usuario al destino.

<a href="http://tu-sitio.com" onclick="javascript:alert('Mensaje');">Vínculo</a>

Solo tenemos que cambiar lo marcado en rojo por la URL de tu sitio,y lo marcado en azul por el mensaje que se muestra al lector.
 

Publicar un comentario

0 Comentarios