Por supuesto, como todo lo que se encuentra en esa parte, no están 100% probados así que es posible que nos encontremos con errores o incluso, que vayan cambiando con el tiempo pero, nada impide probar y agregarlos ya que son bastante simples.
El llamado Estadísticas del Blog muestra precisamente eso y nos permiten elegir entre cuatro estilos diferentes, algunos de los cuales podemos a su vez configurar aunque en todos ellos, las opciones son mínimas.
El gadget se agrega como cualquier otro y lo veremos en nuestra plantilla identificado con un ID llamado Stats1 y su título por defecto es Páginas vistas en total
<b:widget id='Stats1' locked='false' title='Páginas vistas en total' type='Stats' />
/* el bloque donde se muestra el gadget */ .Stats .counter-wrapper { display:inline-block; font-size:24px; font-weight:bold; height:30px; line-height:30px; vertical-align:top; } /* la imagen del gráfico si usamos esa opción (tamaño 75x30) */ .Stats img { margin-right:10px; vertical-align:top; } .Stats .graph-counter-wrapper {color:#FFFFFF;} /* el estilo de cada dígito */ .Stats .digit { background:url("/img/widgets/stats-flipper.png") no-repeat scroll left center transparent !important; border:1px solid #FFFFFF; display:inline-block; height:28px; line-height:28px; margin-left:-1px; position:relative; text-align:center; width:22px; } .Stats .blind-plate { border-bottom:1px solid #FFFFFF; border-top:1px solid #000000; height:0; left:0; opacity:0.65; position:absolute; top:13px; width:22px; } /* la posición de cada dígito */ .Stats .stage-0 {background-position:0 0 !important;} .Stats .stage-1 {background-position:-22px 0 !important;} .Stats .stage-2 {background-position:-44px 0 !important;} .Stats .stage-3 {background-position:-66px 0 !important;}
#Stats1_content { text-align: center; }
El otro gadget es el llamado Entradas Populares que se basa en el mismo sistema de estadísticas por lo que difiere de aquellos otros que se basaban en la cantidad de comentarios y que, por utilizar los feeds, sólo permitian acceder a las últimas 500 entradas.
En este caso, las opciones nos permiten seleccionar tres períodos: mostrar las entradas más vistas en cualquier momento, en los últimos 30 días y en al última semana. Los resultados variarán pero lo más razonable, parecería utilizar la primera opción ya que en las otras dos, suelen pesar demasiado las últimas entradas publicadas.
Al agregarlo, también veremos el código pero pocas posibilidades de personalizarlo:
<b:widget id='PopularPosts1' locked='false' title='Entradas populares' type='PopularPosts' />
Aún usando el gadget con la opción donde se muestran sólo los títulos, el CSS agregado por Blogger es molesto, crea listas con items muy separados así que deberemos recurrir al CSS y agregar nuestras propias reglas de estilo para sobrescribirlas.
/* esta es la miniatura cuando hay un fragmento */ .PopularPosts .item-thumbnail {float:left;margin:0 5px 5px;} /* esta es la miniatura cuando no hay un fragmento */ .PopularPosts .item-thumbnail-only {text-align:center;} /* esta es la miniatura en si misma */ .PopularPosts img {padding-right:0.4em;} /* cada uno de los diez items */ .PopularPosts .widget-content ul li {padding:0.7em 0;} /* el título de cada item */ .PopularPosts .item-title {padding-bottom:0.2em;}
- Agregar un botón de Me Gusta para Facebook
- Wallpapers (animados e interactivos)
- Gickr: crear gifs animados online
- Un trueno en el cielo
- Insertar un SWF en Blogger
- Nada de nada
- Abbey Road
- Algo sobre colores
- Acordeones sólo con CSS
- Bitstrips: Un sitio para crear tiras cómicas
Habrá que estar atentos ...