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

Complementos especiales para una marquesina

VER EL POST DE CÓMO CREAR UNA MARQUESINA

Para completar bien una marquesina, le hemos agregado algunos trucos interesantes de más para que seas un experto en marquesina!

Detener e iniciar marquesina al pasar el cursor por encima

Este truco hace que al pasar el cursor por encima de la marquesina se detenga la misma y al no pasarlo, siga funcionando normalmente. Para hacerlo debes agregar estos atributos con su contenido: onmouseout="this.start()" onmouseover="this.stop()".
El resultado sería el siguiente (prueba pasar el cusor sobre la marquesina):
Texto
<marquee onmouseout="this.start()" onmouseover="this.stop()">Texto</marquee>

Marquesina que rebota

Esto quiere decir que el texto nunca va a desaparecer ya que va a ir de un lado a otro sin parar (excepto si lo indica el atributo loop).
Para que rebote, pon este atributo con su contenido: behavior="alternate"
Texto rebota
<marquee behavior="alternate">Texto rebota</marquee>

Etiqueta marquee

La etiqueta marquee (<marquee></marquee>) permite dar movimiento a un determinado texto que corre básicamente en sentido horizontal y hacia la izquierda (efecto "marquesina"). Aunque esto se puede modificar mendiante algunos atributos.
Para dar a entender del tipo de movimiento del cual me refiero, aquí un ejemplo:
Marquesina
Este ejemplo refleja una marquesina común, sin atributos y modificaciones. En el siguiente punteo, mostraré atributos para modificar la marquesina en cuanto a la dirección, la cantidad de veces que semostrará el mensaje, etc.

Atributos para implementar

Direction

Como bien dice su nombre, este atributo indica la dirección de la marquesina. Dentro de este atributo se puede añadir lo siguiente: right (derecha), down (abajo), up (arriba).

1. Texto
2. Texto
3. Texto

1. <marquee direction="right">Texto</marquee>


2. <marquee direction="down">Texto</marquee>


3. <marquee direction="up">Texto</marquee>

Loop

Es un atributo "contable" en el que se añade la cantidad de veces que uno quiere que se repita el movimiento del texto. Cuando termine la cantidad, la marquesina deja de funcionar.
Texto aparecerá 12 veces
<marquee loop="12">Texto aparecerá 12 veces</marquee>

Scrolldelay

Indica la velocidad de la marquesina. Es contable, cuanto mayor sea el número, más lento irá.

1. Texto muy rápido


2. Texto rápido


3. Texto lento


4. Texto muy lento

1. <marquee scrolldelay="20">Texto muy rápido</marquee>


2. <marquee scrolldelay="100">Texto rápido</marquee>


3. <marquee scrolldelay="300">Texto lento</marquee>


4. <marquee scrolldelay="500">Texto muy lento</marquee>

Visita:
Puedes agregar más trucos en una marquesina en el siguiente link: Complementos especiales para una marquesina.

Crear link de "Añadir a favoritos"

Una forma de tener visitas en tu blog es que tengan tu blog incluida a la lista de favoritos o marcadores.
En este post enseño a crear un enlace en el que al hacer click abra una pequeña ventana del navegador (ya sea IE o Mozilla, sólo compatible con ambos navegadores).
El truco puede significar más popularidad y por esta razón, este puede ser un truco muy valioso y buscado por bloggers.

Obtener enlace para que marquen tu blog como favorito

Para lograrlo, la única manera es plasmarlo en un gadget entonces vamos a Blogger → Diseño → Elementos de la página → Añadir un gadget → Elegimos la opción HTML/Javascript y pegamos este código (Siempre de modo Edición de HTML):

<script type="text/javascript">
function agregar(){
//IE
if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) {
var url="http://tublog.blogspot.com";
var titulo="Tu blog";
window.external.AddFavorite(url,titulo);
}

else {if(navigator.appName == "Netscape")
window.sidebar.addPanel("Tu blog", "http://tublog.blogspot.com","");}
}
</script>
<a title="Teoría Blogger" href="javascript:agregar()">Agregar a mis favoritos</a>

Para personalizar el script a modo de tu blog, reemplaza los datos coloreados por los de tu blog según corresponda:

Rojo = URL del blog
Verde = Nombre del blog

Obtener botón para que marquen tu blog como favorito

ACTUALIZACIÓN EXCLUSIVA:
Hemos encontrado la forma de hacer que el enlace para añadir a favoritos, sea un botón. Así es más original y tienes más opciones de modificar el estilo a tu gusto.
Este truco hay que añadirlo como gadget entonces vamos a Blogger → Diseño → Elementos de la página → Elegimos el modo HTML/Javascript y pegamos el siguiente código:

<script type="text/javascript">
//Este truco en teoriablogger.blogspot.com
function agr(){
if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) {
var url="http://tublog.blogspot.com";var titulo="Tu blog";window.external.AddFavorite(url,titulo);}
else {
if(navigator.appName == "Netscape")
window.sidebar.addPanel("Tu blog", "http://tublog.blogspot.com","");}}
</script><input onclick="agr(this)" title="teoriablogger.blogspot.com" type="button" value="Añadir a favoritos" />

Post actualizado el 26 de septiembre de 2010. Este truco, en particular, fue creado por Teoría Blogger, si encuentran otro blog explicativo con este mismo truco, es coincidencia.

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.