¿Cuánto falta para que termine el día?

Este reloj va en cuenta regresiva y te indica cuántas horas, minutos o segundos falta para que termine el día.
Esto sólo se puede añadir a un gadget del blog, ya que este truco lo conforma un script. La única manera de agregarlo en una entrada es poniendo el script solo en un gadget, y en la entrada poner el código HTML ligado al script.

¡No te preocupes! Explicaremos ambas formas.

Aplicar la cuenta regresiva

Tener la cuenta regresiva en un gadget

Para esto vamos a Blogger → Diseño → Elementos de la página [Antigua interfaz] → Añadir un gadget → Elegir el modo HTML/Javascript → Pega el siguiente código en ese gadget:

<form name="Reloj">
<input size="7" name="tiempo" value="mm:hh:ss" title="Tiempo para que finalice el día..." type="text" style="color:lime;font-weight:bold;background:black;" /></form><script type="text/javascript" src="https://sites.google.com/site/teoriabloggerad/home/scripts-para-los-trucos/Cuentaregresivadeldia.js"/>

Guardar el gadget y todos los cambios y vé tu blog!

Tener la cuenta regresiva en una entrada

Para esto debemos aplicar el script en un gadget. Entonces vamos a Diseño → Elementos de la página → Añadir un gadget → Elegir el gadget en modo HTML/Javascript → Pega el siguiente script:

<script type="text/javascript" src="https://sites.google.com/site/teoriabloggerad/home/scripts-para-los-trucos/Cuentaregresivadeldia.js"/>

Guarda los cambios.
Ahora vamos a crear una nueva entrada o abrimos una entrada ya publicada. En la entrada [Blogger → Creación de entradas o Nueva entrada (nueva interfaz) → Nueva entrada (sólo para la anterior interfaz)] → Pega el siguiente código:

<form name="Reloj">
<input size="7" name="tiempo" value="mm:hh:ss" title="Tiempo para que finalice el día..." type="text" style="color:lime;font-weight:bold;background:black;" /></form>

Publica la entrada y mira el blog

Para saber:
No se pueden tener dos relojes al mismo tiempo de ninguna manera. Si así se hace, no funcionarán.

Contadores de distintos colores

<form name="Reloj"><br><input size="7" name="tiempo" value="mm:hh:ss" title="Tiempo para que finalice el día..." style="color:yellow;font-weight:bold;background:white;" type="text"></form><script type="text/javascript" src="https://sites.google.com/site/teoriabloggerad/home/scripts-para-los-trucos/Cuentaregresivadeldia.js"/>

---

<form name="Reloj"><br><input size="7" name="tiempo" value="mm:hh:ss" title="Tiempo para que finalice el día..." style="color:gree;font-weight:bold;background:white;" type="text"></form><script type="text/javascript" src="https://sites.google.com/site/teoriabloggerad/home/scripts-para-los-trucos/Cuentaregresivadeldia.js"/>

---

<form name="Reloj"><br><input size="7" name="tiempo" value="mm:hh:ss" title="Tiempo para que finalice el día..." style="color:blue;font-weight:bold;background:white;" type="text"></form><script type="text/javascript" src="https://sites.google.com/site/teoriabloggerad/home/scripts-para-los-trucos/Cuentaregresivadeldia.js"/>

---

<form name="Reloj"><br><input size="7" name="tiempo" value="mm:hh:ss" title="Tiempo para que finalice el día..." style="color:black;font-weight:bold;background:white;" type="text"></form><script type="text/javascript" src="https://sites.google.com/site/teoriabloggerad/home/scripts-para-los-trucos/Cuentaregresivadeldia.js"/>

---

<form name="Reloj"><br><input size="7" name="tiempo" value="mm:hh:ss" title="Tiempo para que finalice el día..." style="color:yellow;font-weight:bold;background:black;" type="text"></form><script type="text/javascript" src="https://sites.google.com/site/teoriabloggerad/home/scripts-para-los-trucos/Cuentaregresivadeldia.js"/>

---

<form name="Reloj"><br><input size="7" name="tiempo" value="mm:hh:ss" title="Tiempo para que finalice el día..." style="color:lime;font-weight:bold;background:black;" type="text"></form><script type="text/javascript" src="https://sites.google.com/site/teoriabloggerad/home/scripts-para-los-trucos/Cuentaregresivadeldia.js"/>

---

<form name="Reloj"><br><input size="7" name="tiempo" value="mm:hh:ss" title="Tiempo para que finalice el día..." style="color:blue;font-weight:bold;background:black;" type="text"></form><script type="text/javascript" src="https://sites.google.com/site/teoriabloggerad/home/scripts-para-los-trucos/Cuentaregresivadeldia.js"/>

---

<form name="Reloj"><br><input size="7" name="tiempo" value="mm:hh:ss" title="Tiempo para que finalice el día..." style="color:white;font-weight:bold;background:black;" type="text"></form><script type="text/javascript" src="https://sites.google.com/site/teoriabloggerad/home/scripts-para-los-trucos/Cuentaregresivadeldia.js"/>

¿Cuántas entradas tiene tu blog?

Este truco consiste en un gadget que mediante un script, puede mostrarte la cantidad de entradas publicadas en tu blog.
Es una pequeña función que a pesar de que es lo único que muestra, se actualiza sólo. Es decir, una vez que publiquemos más entradas no hay que modificar nada.

Cantidad de entradas en gadget

Vamos a Blogger → Diseño → Elementos de la página → Añadir un gadget → Seleccionamos el tipo de gadget HTML/Javascript y pegamos el siguiente código:

Este blog tiene &lt;script style="text/javascript"&gt;
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}&lt;/script&gt;
&lt;script src=http://tublog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount&gt;
&lt;/script&gt; entradas

Lo que hay que modificar es lo que está escrito en verde, allí tenes que asignar tu dominio blogspot; y lo que está escrito en rojo, allí tenes la opción de elegir si querés borrar o no el mensaje para que aparezca el número en una frase.
Por ejemplo "Este blog tiene ..... entradas"

Mostrar a tus lectores cuántos días de vida lleva tu blog

Tal como muestra el título y también el ejemplo que se puede ver a la derecha de este blog (gadget "Relleno...") es lo que mostraremos. El script consiste en mostrar cuántos días pasaron desde una fecha determinada por vos. El ejemplo se puede ver en la siguiente imagen (o como mencionamos, a la derecha de este blog).

Pero si verdaderamente lo vas a usar como indicador de antigüedad (en días), debes averiguar o acordarte de cuándo creaste el blog¹. Pero también se puede usar este gadget para contar los días de antigüe dad de lo que quieras.

Crear contador de días

Para obtenerlo, debemos pegarlo en un gadget. Vamos a Blogger → Diseño → Elementos de la página → Añadir un gadget → Seleccionar gadget de modo HTML/Javascript y pega el siguiente código allí mismo:

Este blog tiene <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(14, 05, 2009, "" );
</script> días

Sólo modifica lo que está marcado en rojo para determinar la fecha, de lo demás se encarga el código.

¹ Para averiguar cuándo empesaste tu blog, T.B., recomienda ver la fecha de la primera entrada publicada ya queconsideramos que ese es el comienzo de un blog. Para encontrar la lista de entradas ve a la sección (en Blogger) Editar entradas, dentro de la solapa Creación de entradas

Simple juego con un contador

Este truco consiste en un muy simple juego con un contador. En el que hacemos click en un botón para iniciar el contador (que retrocede) y hay que pararlo en el número 0 con el botón parar.
Esto sólo se puede agregar en un gadget como la mayoría de los scripts que mostramos.
Este truco lo puedes ver en el sidebar de nuestro blog de pruebas: Laboratorio de Teoría Blogger.

Añadir mini juego con javascript

Para instalarlo debemos agregar un script en la plantilla. Vamos a Blogger → Diseño → Edición de HTML y pegamos el siguiente código arriba de la etiqueta <head;>

<script type='text/javascript'>
playing=false;
function startClock(){
if(playing == false) {
the_time=setInterval(&#39;document.game.timer.value++&#39;,1);
}
playing = true;
}

function stopClock(x) {
// You can change the two numbers (&quot;500&quot;) below to a different value.
score = Math.abs(document.game.timer.value - x);
if(playing==true) {
clearInterval(the_time);
alert(&#39;Puntaje: &#39;+ score);
playing=false;
if(score==x) {
alert(&#39;Qué puntería, lo detuviste!!&#39;);
}
document.game.timer.value = -100;
}
}
</script>

Y luego de guardar los cambios nos dirigimos a Diseño → Elementos de la página y añadimos un gadget de modo HTML/Javascript. Luego de esto pegamos el siguiente código:

<form name="game">
<table width="100%" cellpadding="0" cellspacing="0">
<tbody><tr><td align="center">Detener el contador en 0<br /><input style="text-align: center;" readonly name="timer" size="3" value="-100" type="text" />
<input value="&#9658;&#9658;&#9658;" onclick="startClock()" type="button" /><input value="PARAR" onclick="stopClock(0)" type="button" />
</td><td width="15"></td></tr><tr><td colspan="3" height="5"></td></tr></tbody>
</table>
</form>

Advertencia:
Este truco no es recomendable para el usarlo en el navegador Opera, ya que el contador va muy rápido.