Adblock Detectado

Nuestro sitio se mantiene gracias a la publicidad, por favor Desactiva Adblock para seguir navegando

He desactivado Adblock

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

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

Antes de comenzar veremos una demostración:

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
- - 0 Comentarios
Tag

Comentarios (0)

:))
:((
:D
:(
:)
:-)
;)
=))
:p
=.=
==
^_^
/=he
:*
/=r
/=l
:v
/=ok
/=clap
(y)
(yy)
/=hi
/=j
/=hup
/=hd
/=hl
/=hr
/=s
<3

Instrucciones Para omentar

Incertar Enlace

Utilice el codigo <a href='LINK'> EJEMPLO </a>

Cargar Imagen

[img] LINK_ANH [/img] -Use el codigo para cargar una imagen.

Formato Word

<b> negrita </b>
<i> cursiva </i>
<u> texto subrayado </u>
<strike> texto tachado </strike>

Insertar un Fragmento de codigo

Primero use esta herramienta para codificar el codigo que quiera agregar.
Luego utilice el codigo [code] CODIGO HTML [/code]

Cerrar