Botones de compartir en Blogger

Social Sharing: botones de compartir dinámicos y ligeros en NichoClean v2.0

Una de las funciones más valoradas en cualquier blog es la posibilidad de que los lectores compartan fácilmente el contenido en sus redes sociales favoritas. En la plantilla NichoClean v2.0 hemos integrado un bloque de botones de Social Sharing dinámicos y ligeros, diseñados con código limpio, sin scripts pesados y totalmente optimizados para SEO y rendimiento web.

¿Por qué usar botones de compartir en Blogger?

Los botones de compartir en redes sociales permiten que cada artículo de tu blog se difunda de forma orgánica en plataformas como Facebook, Twitter o incluso por Email. Esto aumenta la visibilidad de tu contenido, mejora el tráfico social y refuerza la autoridad de tu blog en buscadores.

A diferencia de otros widgets que cargan librerías externas, los botones sociales de NichoClean v2.0 están construidos únicamente con HTML y CSS. Esto significa que son ultrarrápidos, ligeros y totalmente responsivos.

Diseño minimalista y responsive

Siguiendo la línea de diseño minimalista de NichoClean v2.0, los botones de Social Sharing se adaptan automáticamente a cualquier dispositivo. En escritorio se muestran en línea con un diseño limpio y moderno; mientras que en pantallas móviles se transforman en un layout vertical de ancho completo, ofreciendo una experiencia de usuario impecable.

Ejemplo de HTML

<!-- Compartir el post -->         
  <div class='custom-share-wrapper'>
  <h4 class='custom-share-title'>Compartir esta entrada</h4>
  <div class='custom-share'>
    <a expr:href='"https://www.facebook.com/sharer/sharer.php?u=" + data:post.url' target='_blank'>Facebook</a>
    <a expr:href='"https://twitter.com/intent/tweet?url=" + data:post.url + "&text=" + data:post.title' target='_blank'>Twitter</a>
    <a expr:href='"mailto:?subject=" + data:post.title + "&body=Lee esto: " + data:post.url'>Email</a>
  </div>
</div>

Cómo personalizar los botones sociales

Si deseas añadir más redes sociales como WhatsApp, LinkedIn o Telegram, solo tienes que duplicar las líneas de HTML dentro del bloque .custom-share y actualizar la URL de destino. Gracias a la estructura minimalista, se integran fácilmente sin afectar el diseño ni la velocidad de carga.

WhatsApp (web y móvil via api.whatsapp.com)

<a expr:href='"https://api.whatsapp.com/send?text=" + data:post.title + "%20" + data:post.url' target='_blank' rel='noopener noreferrer'>WhatsApp</a>

LinkedIn (share-offsite recomendado)

<a expr:href='"https://www.linkedin.com/sharing/share-offsite/?url=" + data:post.url' target='_blank' rel='noopener noreferrer'>LinkedIn</a>

<a expr:href='"https://t.me/share/url?url=" + data:post.url + "&text=" + data:post.title' target='_blank' rel='noopener noreferrer'>Telegram</a>

Compartir el post: Facebook, Twitter, WhatsApp, LinkedIn, Telegram, Email

<!-- Compartir el post: Facebook, Twitter, WhatsApp, LinkedIn, Telegram, Email -->
<div class='custom-share-wrapper'>
  <h4 class='custom-share-title'>Compartir esta entrada</h4>
  <div class='custom-share'>
    <a expr:href='"https://www.facebook.com/sharer/sharer.php?u=" + data:post.url' target='_blank' rel='noopener noreferrer'>Facebook</a>
    <a expr:href='"https://twitter.com/intent/tweet?url=" + data:post.url + "&text=" + data:post.title' target='_blank' rel='noopener noreferrer'>Twitter</a>
    <a expr:href='"https://api.whatsapp.com/send?text=" + data:post.title + "%20" + data:post.url' target='_blank' rel='noopener noreferrer'>WhatsApp</a>
    <a expr:href='"https://www.linkedin.com/sharing/share-offsite/?url=" + data:post.url' target='_blank' rel='noopener noreferrer'>LinkedIn</a>
    <a expr:href='"https://t.me/share/url?url=" + data:post.url + "&text=" + data:post.title' target='_blank' rel='noopener noreferrer'>Telegram</a>
    <a expr:href='"mailto:?subject=" + data:post.title + "&body=Lee esto: " + data:post.url'>Email</a>
  </div>
</div>

Observación: Si al guardar la plantilla en Blogger aparece un error como:

org.xml.sax.SAXParseException; lineNumber: 1130; columnNumber: 64; 
The reference to entity "body" must end with the ';' delimiter.

Esto ocurre porque en XML no se pueden usar directamente los caracteres &text o &body. La solución es reemplazarlos de la siguiente forma: &text o &body

Resultado de los botones sociales

Ventajas de los botones de Social Sharing en NichoClean v2.0

Ligeros y rápidos: sin scripts externos que ralenticen el blog.
SEO-friendly: permiten mayor difusión del contenido en redes sociales.
Minimalistas: diseño limpio, sin distracciones.
100% Responsive: se adaptan a cualquier tamaño de pantalla.
Fáciles de personalizar: agrega o elimina redes en segundos.

Los botones de Social Sharing dinámicos y ligeros son una pieza clave en la plantilla NichoClean v2.0. No solo refuerzan la estrategia de SEO y el alcance social de tus artículos, sino que también mantienen la coherencia visual con el diseño minimalista y responsive que caracteriza a la plantilla.

Si buscas un blog rápido, optimizado y con herramientas modernas para aumentar tu tráfico, los botones de compartir en redes sociales de NichoClean v2.0 son la solución perfecta.