Tutoriales Sobre Blogger: Gadget de entradas, comentarios, días en linea y paginas vistas para blogger

En este tutorial veremos un simple tutorial de como agregar un gadget de comentarios, entradas, días en linea y paginas vistas. Ya hemos visto un tutorial de ese estilo

• Estadísticas para Blogger, días en linea, entradas y comentarios

Aunque en el tutorial anterior no agregamos paginas vistas, y en este tutorial veremos como agregarlo

Antes de comenzar veremos una demostración:

Demo

Comencemos:

• Paso 1: Vamos a Blogger>>Diseño>> Añadir un gadget >> Estadísticas del Blog>>
• Paso 2: Lo dejamos por defecto y guardamos el gadget.
• Paso 3: Ahora vamos a Blogger>> Plantilla>> Edicion HTML>> Ir al gadget>> Stats1 

Se mostrara de la siguiente manera  

<b:widget id='Stats1' locked='false' title='Páginas vistas en total' type='Stats'>...</b:widget>

• Paso 4: Borramos todo el código y lo remplazamos por el siguiente 

<b:widget id='Stats1' locked='false' title='' type='Stats'>
  <b:includable id='main'>
    <div class='widget-content'>
      <ul>
        <li>
          <h4 id='Stats1_totalPosts'>&amp;hellip;</h4><i class="icon-list-alt"></i>
          <span>Entradas</span>
        </li>
        <li id='totalComments'>
          <h4 id='Stats1_totalComments'>&amp;hellip;</h4><i class="icon-comments"></i>
          <span>Comentarios</span>
        </li>
        <li><h4>
          <span><script> function DiasOnline(Dia, Mes, Year, Texto) { Meses = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); Hoy = new Date(); Inicio = Date.parse(Meses[Mes - 1] + " " + Dia + " " + Year); Resultado = Math.round((Hoy.getTime() - Inicio) / 86400000); document.write(Resultado + " " + Texto); } DiasOnline(24, 11, 2012, "" );</script></span></h4><i class="icon-calendar"></i><span> Días en línea</span>
<script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script></li>
        <li id='totalCount'>
          <h4 expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>&amp;hellip;</h4>
          <i class="icon-paste"></i><span> Paginas Vistas</span>
        </li>
      </ul>
      <script type='text/javascript'>
//<![CDATA[
function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>');
//]]>
      </script>
    </div>
  </b:includable>
</b:widget>

• Paso 5: Todavia en la plantilla buscamos la siguiente linea (Ctrol + F) 

</head>

• Paso 6: Justo por encima de </head> pegamos la siguiente linea

<link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet"/>

Guardamos los cambios realizados y listo  

Ya estaríamos disfrutando de nuestras estadísticas de un modo simple

Nota:-  Solo debemos cambiar lo que esta en Rojo por la fecha exacta que fue creado tu blog 

Espero que te halla gustado