Para tener la funcionalidad de navegaci贸n por clusters, la cual muy com煤nmente se incluye en webs SEO creadas en WordPress es muy sencillo. Si queremos agregar dicha funcionalidad en Blogger, tan solo necesitamos hacer lo siguiente:


Pasos para Clusters en Blogger

  1. Redactar nuestra p谩gina o entrada.
  2. Cambiar a la vista de Edici贸n de HTML.
  3. Pegar el siguiente c贸digo HTML.
  4. Adaptarlo a lo que necesitemos.


Clusters en Blogger
Clusters en Blogger


C贸digo para clusters en Blogger

<div class="separator" style="clear: both; text-align: center;">

<style>

  #imgcluster img {

    display: inline-block;

    width: 300px;

    height: 300px;

    object-fit: cover;

    margin: 0 !important;

    padding: 0 !important;

  }

</style>

<div id="imgcluster">  

  <a href="/p/agua.html"><img alt="Agua" src="https://1.bp.blogspot.com/-gJNSjb1j2zc/YEp_-rgE-XI/AAAAAAAAYrY/AS1n1xm9S9AUQ_y8rUDgaMbliuZJ0LhpACLcBGAsYHQ/s0/menu-agua.png" /></a>

  <a href="/p/laurel.html"><img alt="Laurel" src="https://1.bp.blogspot.com/-P4G3WFXePOU/YEp_-nI0dyI/AAAAAAAAYrc/AIlMJ38ppIUfXFHMJDp1s16t2HcOEz_ZQCLcBGAsYHQ/s0/menu-laurel.png" /></a>

  <a href="/p/magia-blanca.html"><img alt="Magia" src="https://1.bp.blogspot.com/-iWaeXnHQ0zI/YEp__KKOPtI/AAAAAAAAYrk/owzaHi8ZEBodCI01j1CUS7OGd4R-M1ATwCLcBGAsYHQ/s0/menu-magia.jpg" /></a>

  <a href="/p/miel.html"><img alt="Miel" src="https://1.bp.blogspot.com/-90WpS7VAu4Q/YEp__e44hII/AAAAAAAAYro/tqUTjBDOSoAo3Fg-pwv6fw3k3PON4CRJgCLcBGAsYHQ/s0/menu-miel.jpg" /></a>

  <a href="/p/papel.html"><img alt="Papel" src="https://1.bp.blogspot.com/-uUk9hKRJVso/YEp__iA9sjI/AAAAAAAAYrs/gbJ2thuWSR4WVjhj1rjhiKRfJcqkl6MfQCLcBGAsYHQ/s0/menu-papel.jpg" /></a>

  <a href="/p/velas.html"><img alt="Velas" src="https://1.bp.blogspot.com/-v0GXDjCB7Ug/YEp__leB_pI/AAAAAAAAYrw/hUHFX9D0dL49Srf7TTwcd1sbyqUslxPeQCLcBGAsYHQ/s0/menu-velas.jpg" /></a>

  <a href="/p/zapatos.html"><img alt="Zapatos" src="https://1.bp.blogspot.com/-B-0yEdKj284/YEp__7_vW8I/AAAAAAAAYr4/2IPl2a9GqAsmfDaj5L-lg1xDWv3cRMUNgCLcBGAsYHQ/s0/menu-zapatos.jpg" /></a>

  <a href="/p/minutos.html"><img alt="Minutos" src="https://1.bp.blogspot.com/-c_ra-o-JWTA/YEp__mv6SoI/AAAAAAAAYr0/QefuR_Xz0oYLwukH02y9DU7Rc1ViwtKiACLcBGAsYHQ/s0/menu-minutos.jpg" /></a>

  <a href="/p/horas.html"><img alt="Horas" src="https://1.bp.blogspot.com/-EKIllNX1BEw/YEp_-rPjCxI/AAAAAAAAYrg/fksmtflr2rUWQ7j5luee1kcezBkzkUm2ACLcBGAsYHQ/s0/menu-horas.png" /></a>

</div>  

<div>