Plugins para Blogger

En esta entrada repasaremos los principales gadgets HTML configurables de la sección config-plugins de tu blog en Blogger. Estos gadgets permiten centralizar ajustes clave de tu plantilla, como caché, anuncios, buscador, tabla de contenido, autores, comentarios y tienda, sin necesidad de modificar directamente el código principal. Cada gadget se gestiona mediante atributos data-* que facilitan su personalización y activación mediante JavaScript, manteniendo tu sitio limpio, funcional y fácil de actualizar.

Plugin Cache Feed Admin (config-cache)

<!-- Gadget: Configuración Administrador de Cache -->
<div id="config-cache" hidden
     data-duracion="600000">
</div>
  <!--
    Duración de caché en milisegundos:
      600000 = 10 minutos
      1200000 = 20 minutos
      1800000 = 30 minutos
      3600000 = 1 hora
    Este gadget no se muestra en frontend.
  -->

Este gadget controla la duración de la caché usada por los plugins. Solo requiere ajustar el atributo data-duracion en milisegundos. El bloque permanece oculto y es leído por JavaScript, nunca se muestra al visitante.

Aquí tienes toda la información de este Plugin Cache Feed Admin .

Plugin Adsense Admin (config-adsense-shortcodes)

<div id="config-adsense-shortcodes" hidden
     data-monetized="false"
     data-client="ca-pub-XXXXXXXXXX"
     data-slot-index1="INDEX_SLOT_1"
     data-slot-index2="INDEX_SLOT_2"
     data-slot-post1="POST_SLOT_1"
     data-slot-post2="POST_SLOT_2">
</div>
<!-- Gadget: Configuración AdSense Shortcodes
Opciones:
- data-monetized="true|false" → Activar anuncios o usar placeholder.
- data-client="ca-pub-XXXXXXXXXX" → ID de cliente AdSense.
- data-slot-index1="SLOT_ID" → Slot para Index 1.
- data-slot-index2="SLOT_ID" → Slot para Index 2.
- data-slot-post1="SLOT_ID" → Slot para Post 1.
- data-slot-post2="SLOT_ID" → Slot para Post 2.
-->

Este gadget define los shortcodes de AdSense. Permite asignar diferentes slots publicitarios tanto para la portada como para las entradas. Opciones clave:

  • data-monetized: activar (true) o desactivar (false) anuncios.
  • data-client: tu ID de cliente de AdSense.
  • data-slot-index1/2: identificadores de bloques en la página principal.
  • data-slot-post1/2: bloques en las páginas de entrada.

Aquí tienes toda la información de este Plugin Adsense Blogger.

Plugin Adsense 2do. Parrafo (config-adsense-parrafo)

<!-- Gadget: Configuración AdSense Párrafo -->
<div id="config-adsense-parrafo" hidden
     data-monetized="false"
     data-client="ca-pub-XXXXXXXXXX"
     data-slot="2DO_PARRAFO_SLOT_1">
</div>
<!-- Opciones:
- data-monetized="true|false" → Activar anuncios o mostrar placeholder.
- data-client="ca-pub-XXXXXXXXXX" → ID de cliente AdSense (clave pública).
- data-slot="SLOT_ID" → Identificador del bloque de anuncio.
-->

Este gadget se utiliza para insertar anuncios dentro del contenido, normalmente tras el segundo párrafo. Configurable con:

  • data-monetized: activa o desactiva la monetización.
  • data-client: ID de cliente de AdSense.
  • data-slot: identificador del bloque de anuncio específico.

Aquí tienes toda la información de este Plugin AdSense 2do. Parrafo.

Plugin Buscador AJAX (config-search)

<!-- Configuración Buscador Ajax -->
<div id="config-search" hidden
     data-max-results="10"
     data-min-chars="3"
     data-delay="500">
</div>

<!-- Opciones disponibles:
  - data-max-results: Máximo de resultados a mostrar (default: 10).
  - data-min-chars: Caracteres mínimos antes de iniciar la búsqueda (default: 3).
  - data-delay: Retraso en ms tras dejar de escribir antes de buscar (default: 500).
  -->

Controla el buscador Ajax para blogger. Permite personalizar la experiencia de búsqueda en el blog:

  • data-max-results: cantidad máxima de resultados (por defecto 10).
  • data-min-chars: caracteres mínimos antes de disparar la búsqueda.
  • data-delay: retraso en milisegundos tras dejar de escribir.

Aquí tienes toda la información de este Plugin Buscador AJAX.

Plugin TOC NichoClean (config-toc)

<!-- Gadget: Configuración TOC NichoClean -->
<div id="config-toc" hidden
     data-activado="true"          
     data-depth="2"                
     data-title="Tabla de contenido"  
     data-injectar="auto"
	 >
</div>

<!--  
data-activado="true|false"  
  → Activa o desactiva el TOC globalmente.  

data-profundidad="2|3|4|5"  
  → Controla la profundidad:  
     2 = solo H2  
     3 = H2 + H3  
     4 = H2 + H3 + H4  
     5 = H2 + H3 + H4 + H5  

data-titulo="Tabla de contenido"  
  → Texto a mostrar como encabezado del TOC.  

data-inyectar="auto|marcador|none"  
  → auto     = se inyecta después del primer párrafo.  
  → marcador = solo aparece donde el autor ponga <div id="toc-marker"></div>.  
  → none     = no se inyecta automáticamente (el bloque queda disponible para uso manual).  
-->

Este gadget activa la tabla de contenido (TOC). Opciones disponibles:

  • data-activado: true o false.
  • data-depth: nivel de profundidad (2 = solo H2, 3 = H2+H3, 4 = H2 + H3 + H4 y 5 = H2 + H3 + H4 + H5 ).
  • data-title: título a mostrar en la caja del TOC.
  • data-inyectar: auto, marcador o none.
  1. auto = se inyecta después del primer párrafo.
  2. marcador = solo aparece donde el autor ponga <div id="toc-marker"></div>.
  3. none = no se inyecta automáticamente (el bloque queda disponible para uso manual).

Aquí tienes toda la información de este Plugin TOC NichoClean.

Plugin Autores Blogger (config-autores)

<!-- Gadget: Configuración Autores NichoClean -->
<!-- Opciones generales:
     - data-activado="true|false" → Mostrar autores globalmente
-->
<div id="config-autores" hidden data-activado="false">

  <!-- Autor principal -->
  <div class="autor" data-rol="principal"
       data-nombre="Juan Pérez"
       data-activo="true"
       data-avatar="https://ui-avatars.com/api/?name=Juan+Pérez&background=0077cc&color=fff"
       data-bio="Especialista en desarrollo web y diseño minimalista. Comparte recursos útiles para bloggers."
       data-perfil="https://tusitio.com/juan-perez"
       data-facebook="https://facebook.com/juan.perez"
       data-twitter="https://twitter.com/juanperez"
       data-instagram="https://instagram.com/juanperez"
       data-email="mailto:juan@example.com">
  </div>

  <!-- Autor invitado 1 -->
  <div class="autor" data-rol="invitado1"
       data-nombre="Ana López"
       data-activo="false"
       data-avatar="https://ui-avatars.com/api/?name=Ana+López&background=ff6600&color=fff"
       data-bio="Apasionada por SEO y creación de contenido optimizado para blogs."
       data-perfil="https://tusitio.com/ana-lopez"
       data-facebook=""
       data-twitter="https://twitter.com/anal"
       data-instagram=""
       data-email="">
  </div>

  <!-- Autor invitado 2 -->
  <div class="autor" data-rol="invitado2"
       data-nombre="Carlos Gómez"
       data-activo="false"
       data-avatar="https://ui-avatars.com/api/?name=Carlos+Gómez&background=00cc77&color=fff"
       data-bio="Colaborador ocasional en tutoriales de programación y diseño."
       data-perfil="https://tusitio.com/carlos-gomez"
       data-facebook="https://facebook.com/carlos.gomez"
       data-twitter=""
       data-instagram="https://instagram.com/carlosgomez"
       data-email="">
  </div>

</div>

Permite definir un listado de autores del blog. Soporta un autor principal y varios invitados. Cada bloque .autor contiene atributos como data-nombre, data-bio, data-avatar y redes sociales. Si el pluging esta en true (activo) y quieres mostrar un autor invitado solo debes colocar en cada entrada este shortcode: <div data-autor="Ana López"/>, debiendo activar a este autor invitado ya que si el autor principal esta activo todas las entradas lo mostrarán por defecto.

Aquí tienes toda la información de este Plugin Autores Blogger.

Plugin Sistema de comentarios (comentarios-config)

<div id="comentarios-config"
     data-sistema="blogger"  
     data-disqus-shortname="TU_SHORTNAME">
</div>
<!-- Gadget HTML de configuración Cambia data-sistema a "blogger" o "disqus". Cambia data-disqus-shortname por tu shortname de Disqus. -->

Configura el sistema de comentarios. Se puede elegir entre Blogger y Disqus:

  • data-sistema: blogger o disqus.
  • data-disqus-shortname: tu identificador de sitio en Disqus.

Aquí tienes toda la información de este Plugin Sistema de comentario.

Plugin Comentarios Recientes (config-recent-comments)

<!-- Gadget fijo: configuración Últimos comentarios -->
<div id="config-recent-comments"
     data-blogger-limit="5"
     data-disqus-limit="5"
     data-disqus-shortname="tu-shortname-disqus"
     data-disqus-api-key="XXXXXXXXXX"
     data-title="Últimos comentarios"
     data-sistema="both"
     data-truncate="150"
     data-cache="600000" 
     hidden>
</div>
<!-- Gadget para mostrar los últimos comentarios
Atributos importantes:
- data-blogger-limit / data-disqus-limit → # de comentarios a mostrar
- data-disqus-shortname / data-disqus-api-key → para comentarios Disqus
- data-title → título de la sección
- data-sistema → "blogger", "disqus" o "both"
- data-truncate → longitud máxima de comentario
- data-cache → tiempo de caché en ms
El gadget se mantiene hidden y se activa vía JS del plugin. -->

Este gadget controla la sección de últimos comentarios. Opciones destacadas:

  • data-blogger-limit y data-disqus-limit: cantidad de comentarios a mostrar.
  • data-sistema: blogger, disqus o both.
  • data-truncate: límite de caracteres por comentario.
  • data-cache: duración de caché en milisegundos.

Donde deseas que se muestren los comentarios debes colocar este shortcode: <div class="recent-comments-marker"></div>

Aquí tienes toda la información de este Plugin Comentarios Recientes.

Plugin Store Admin (config-store)

<!-- Gadget: Configuración Tienda / Carrito -->
<div id="config-store" hidden
     data-paypalemail="demo@example.com"
     data-returnurl="https://tusitio.com/p/gracias.html"
     data-cancelurl="https://tusitio.com/p/cancelado.html"
     data-mostrarcontador="true">
</div>

<!-- Opciones disponibles:
  - data-paypalemail     → Correo de PayPal (obligatorio, visible en HTML).
  - data-returnurl       → URL de retorno al completar la compra.
  - data-cancelurl       → URL de cancelación de la compra.
  - data-mostrarcontador → true/false → Mostrar botón flotante del carrito.
-->

Este gadget añade la configuración de la tienda y carrito con PayPal. Opciones clave:

  • data-paypalemail: tu correo de PayPal.
  • data-returnurl: página de agradecimiento tras la compra.
  • data-cancelurl: página de cancelación.
  • data-mostrarcontador: habilita el contador flotante del carrito.

Aquí tienes toda la información de este Plugin Store Admin.

Plugin Contador Store (cart-count)

<a href="/p/carrito_22.html" class="cart-float">
  🛒 <span id="cart-count">0</span>
</a>

Es el botón flotante del carrito. Se muestra en pantalla con un contador dinámico de productos añadidos. Trabaja en conjunto con el gadget config-store.

Aquí tienes toda la información de este Plugin Contador Store.