Tutoriales Sobre Blogger: Contador de seguidores en Twitter , Feed , Comentarios y Entradas para Blogger

En este tutorial veremos como agregar un gadget de seguidores en Twitter, Feed , Comentarios y Entradas para Blogger de una manera fácil. Aunque sea fácil de agregar es largo de explicar ,
entonces no hablemos mas y comencemos:

Antes de comenzar veremos una demostracion:

subscribete en feed

síguenos en twitter

160 Entradas

381 Comentários

Comencemos:

• Paso 1: Vamos a Blogger>> Diseño>> Añadir un gadget>> HTML/JavaScript
• Paso 2: Dentro de nuestro gadget pegamos el siguiente código HTML.

 <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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhznvoIsHdNgWOwVstiHx37JCskKPH_0H92ALfo_YZ1uBCitIqDqJzN5nlOE8W8cckkcDh_8JyUpUB_jWPOKWB-Oof8agBcj4jm3PDrTSHuPV-7nGMH6YhiFuRR-X5uTFKvRnXbIJFjx86K/) 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;">CÓDIGO DE FEEDBURNER</div>
<p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">subscribete en 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Ss_OVUOnDcd9bhPtVyjCs7Jootd1LBL7fb3cSUmen5iAtPBb3uWRRMRNdtIcoL-FcHUOUWPh2C_QZ-ZbWpZf_rMqWyfUXsZyBYk4lhjm6Xq4X8m2d8fXfWpzyXrPzp9a938rK0OlspgA/) 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;">CÓDIGO DE TWITTER</div>
<p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">siguenos en Twitter</p>
</div>
<div name="postagens" style="margin-top: 5px; 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSpR1aABnf3UGcWQ-ST0gAKm451zYMWuGWtfg4E9HzCMh0kZZH41Oe-K-xRXEzc_6RzhXZXcGOzH3VcwDrpxXuxq4S_kFOVVudRCn31CyjgCOMqigzH6pv_ZmwABLlNMUFqpNOXZDiD_Ro/) 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="/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: 46px; height: 46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPipFGUSeSXeEritMkcxkUj41RYipY5yhQDp1GSmtPMimIuRzaYYkZx6PLyqm8HubkCRa91dyh3NrsPeUgt01w3hJhHlGWw6E9EnB1GrhDvexRL8wTRir8oUcgtsjRQ5Y8OYtyTOqtFGAG/) 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="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script>

Comentários</div>
<p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;"></p>
</div>

Para obtener código FeedBurner

• Paso 1: Vamos a FeedBurner.com
• Paso 2: Damos clic en Publicize>> Feed Count>> Copiamos el código que nos dará 

• Paso 3: El código optinido lo pegamos en Codigo Feedburner

Para obtener el código de Twitter 

• Paso 1: Ingresamos a twittercounter.com ingresamos con nuestra cuenta de twitter (Descuida es seguro)
• Paso 2: Una ves ingresado vamos a  twittercounter.com/pages/you y damos clic en 
• Paso 3: Damos clic en My Buttons y agregamos nuestro nombre de usuario de twitter

• Paso 4: Nos desplazamos asta encontrar el siguiente botón Classic Twitter Button

Paso 5: Una ves obtenido el copiamos y lo pegamos Código de Twitter 

Listo ya podríamos guardar nuestro gadget y disfrutar