contador

Como dice en el titulo con este Widget van a poder visualizar lo que son: feeds, los seguidores en Twitter, los posts o entradas en tu Blog y los comentarios del mismo. Así es como quedaría:

• Primero nos vamos a Diseño > Elementos de la Página > Añadir un elemento Html/Javascript y colocamos este código:

<div style="width: 345px; padding: 0; margin: 0; border: 0;"> <div name="feed" style="float: left; width: 160px; height: 50px; "> <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(http://dl.dropbox.com/u/4317648/Feed-icon.png) no-repeat;"></div> <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-weight: bold; ">CODIGO FEEDBURNER</div> <p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">assine o feed</p> </div> <div name="twitter" style="float: left; margin-left: 10px; width: 160px; height: 50px; "> <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(http://dl.dropbox.com/u/4317648/Twitter-icon.png) no-repeat;"></div> <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-weight: bold; ">CODIGO TWITTER COUNTER</div> <p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">sigueme en Twitter</p> </div> <div name="Entradas" style="margin-top: 5px; float: left; width: 160px; height: 50px; "> <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 64px; height: 64px; background: url(http://dl.dropbox.com/u/4317648/Document%20Edit_64.png) no-repeat;"></div> <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="http://tublog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Entradas </div> <p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;"></p> </div> <div name="comentarios" style="margin-top: 5px; margin-left: 10px; float: left; width: 160px; height: 50px; "> <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 64px; height: 64px; background: url(http://dl.dropbox.com/u/4317648/Buddy%20Chat_64.png) no-repeat;"></div> <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); } <script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="http://tublog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Comentarios</div> <p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">Comentame</p> </div></div>

• Luego tenemos que cambiar lo que se indica :

• Código del FeedBurner : para este código nos vamos a la página de FeedBurner, de ahí nos vamos a Publicize, Feedcount y creamos nuestro botón, y el código que nos genere lo copiamos y ese será lo que debemos pegar en lo que está en verde.
• nota: tenemos que activar el servicio, hasta abajo esta el botón de activar.

• Código del Twitter Counter: en otra entrada anterior explique cómo sacar el código del botón del Twitter, para verlo darle clic a este enlace.
• En este tenemos que copiar el código como se muestra en la imagen: