Hello Kitty: Total Post y comentarios en una imagen para tu blog (II)

Con Hello Kitty leyendo un libro entre hadas obtendrás un nuevo modelo para colocar el total de posts y comentarios que contiene tu blog. Tiene un fondo único que puede destacar dependiendo del fondo de tu web.

El mecanismo para su utilización es el mismo que el usado en el motivo Desayuno.

► Pasos a seguir:

1. Colocar el cursor encima del código que hay a continuación. Veréis que con un simple click se selecciona todo el contenido de la tabla.

<br/><center><script style="text/javascript">function showpostcount(json){document.write(parseInt(json.feed.openSearch$totalResults.$t,10));}</script><div style="width:190px; height:80px; position:relative; font-size:14px;font:Verdana, Arial, Helvetica, sans-serif;"><span style="position:absolute; top:40px; left:130px;"><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></span><span style="position:absolute; bottom:-20px; left:130px;"><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script></span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiYvHudPX0nPjuzNfV7W_Kd3vMhRl9mYPsERsdG7a7hQwr9nuCSZiAITeKvbO2g1Ehs0rgbRfJyizkZrssyY-1iRuLEN8cA56DeZuPF9kxVirNB6Q-dGsd66v1FGdE4jbSr0uR1ttvICka/s400/Hello+kity+comentarios+ok2.png" /></div><br/><br/><br/><br/><br/><br/><br/><span style="font-size:9px">by <a href="http://www.blogdelujo.com/" target="_blank" title="Blog de Lujo">Lujo</a></span><br/></center>

2. Botón derecho del ratón - Copiar.

3. Pegamos su contenido en un gadget HTLM/Javascript como se explica claramente en este enlace.

Ir a Escritorio - Diseno - Elementos de la página - Añadir un gadget HTLM/Javascript

4. Guardar.


Actualización 19/01/2010:

Anita me pide que realice el mismo modelo un poco más pequeño para la plantilla Scribe que Blogger proporciona.
El siguiente modelo tiene una anchura de 147px. El código es:


<br/><script style="text/javascript">function showpostcount(json){document.write(parseInt(json.feed.openSearch$totalResults.$t,10));}</script><div style="width:147px; height:80px; position:relative; font-size:12px;font:Verdana, Arial, Helvetica, sans-serif;"><span style="position:absolute; top:30px; left:105px;"><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></span><span style="position:absolute; bottom:2px; left:100px;"><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script></span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM4vD2Hz_L3vVEYuAfVc4B2zhNKHg9A4uJCOQ5wTBjNgRmPz6yI5wPy0ArmDOzPYwt4s9bkk9NacZCZ2LuADeR5KqnXPgI_FVPUcvkxhktLRR0UcRvPdrVvB2UN8so6_zzE7sKQjip7z-v/s400/Hello+kity+comentarios+ok2+a+147.png" /></div><br/><br/><br/><br/><br/><span style="font-size:8px">by <a href="http://blogdelujo.blogspot.com/" target="_blank" title="Un Blog de Lujo">Lujo</a></span><br/>

Un diseño distinto en la próxima entrega...