-
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.