Tecnología

Inicio

Cómo utilizar una secuencia de comandos en HTML para crear mi propio "Compartir esta" Botón

Cómo utilizar una secuencia de comandos en HTML para crear mi propio "Compartir esta" Botón


En el mundo actual de las redes sociales y los medios interactivos, lo que permite a los usuarios compartir su contenido en línea con sus amigos y asociados es un método útil para dirigir el tráfico a su sitio web. Pero incluso si usted no está familiarizado con las complejidades de secuencias de comandos web dinámica, es posible añadir un simple "Compartir este" botón a su página Web que le permitirá a su lector a compartir el enlace a la misma a través del correo electrónico. El proceso es simple y requiere sólo unas pocas líneas de código.

Instrucciones

1 Abra la página web a la que desea añadir una "Esta Comparte" botón en su editor de texto preferido.

2 Mover el cursor a la ubicación del documento en la que desea colocar el "Compartir este botón e insertar el siguiente código?:

<Div style = "width: 80px; altura: 15px; background-color: # 0000FF; text-align: center">

<A style = "color: #FFFFFF" href = "mailto:? Subject = este es un tema & body = [sub]" onclick = "this.href = this.href.replace ( '[sub]', window.location) "> Compartir este </a>

</ Div>

3 Ajustar los estilos en línea del envase y la etiqueta DIV <a> para obtener la apariencia que usted desea.

4 Guardar y publicar su página web. Sus usuarios podrán ahora hacer clic en su "Compartir este" botón y abra su cliente de correo electrónico predeterminado con un nuevo mensaje que pueden enviar a quien les gusta, que contiene la dirección URL de cualquier página que pasa a estar en su ventana en la parte hora. Esto hace que el código en el paso 2 es utilizable como en cualquier página que desee.