Ciudad Blogger: marzo 2009

Cursor con texto en movimiento

Este truco es para que un texto siga el cursor del mouse. El texto puede ser el título de su blog o lo que ustedes elijan. Pueden ver un ejemplo de cómo el texto sigue al cursor aquí.
Para ponerlo en su blog tienen que crear un elemento HTML/Javascript (ver cómo insertar elementos) y ahí pegar el siguiente código:

<script language="JavaScript" type="text/javascript">

mensaje = 'EL TEXTO QUE QUIERAN';
font = 'Verdana,Arial';
size = 2;
color = 'orange';
velocidad = 0.7;

n4 = (document.layers);
ie = (document.all);
n6 = (document.getElementById);

mensaje = mensaje.split('');
n = mensaje.length;

a = size*10;
ymouse = 0;
xmouse = 0;
props = "<font face="+font+" color="+color+" size="+size+">";

if (n4)
{
for ( i = 0; i < n; i++)
document.write('<layer left="0" top="0" width="+a+" name="n4mensaje'+i+'" height="+a+"><center>'+props+mensaje[i]+'</font></center></layer>');
}
else if (ie)
{
document.write('<div id="padre" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemensaje" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+mensaje[i]+'</font></div>');
document.write('</div></div>');
}
else if (n6)
{
document.write('<div id="padre" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < n; i++)
document.write('<div id="iemensaje'+i+'" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+mensaje[i]+'</font></div>');
document.write('</div></div>');
}

if(n4)
window.captureEvents(Event.MOUSEMOVE);

function Mouse(evento)
{
if(ie)
{
xmouse = event.x+20;
ymouse = event.y+20;
}
else if(n4 || n6)
{
xmouse = evento.pageX+20;
ymouse = evento.pageY+20;
}
}

if(n4)
window.onMouseMove = Mouse
else if(ie || n6)
document.onmousemove = Mouse;

y = new Array();
x = new Array();
Y = new Array();
X = new Array();
Yaux = new Array();
Xaux = new Array();

for (i=0; i < n; i++)
{
y[i] = 0;
x[i] = 0;
Y[i] = 0;
X[i] = 0;
Yaux[i] = 0;
Xaux[i] = 0;
}

function asigna()
{
if (ie)
padre.style.top = document.body.scrollTop;

for (i = 0; i < n; i++)
{
if(n4)
{
document.layers['n4mensaje'+i].top = y[i];
document.layers['n4mensaje'+i].left = x[i]+(i*(a/2));
}
else if(ie)
{
iemensaje[i].style.top = y[i];
iemensaje[i].style.left = x[i]+(i*(a/2));
}
else if(n6)
{
eval("document.getElementById('iemensaje"+i+"').style.top = '"+y[i]+"px'");
eval("document.getElementById('iemensaje"+i+"').style.left = '"+(x[i]+(i*(a/2)))+"px'");
}
}
}

function ondula()
{
y[0]=Math.round(Y[0] +=((ymouse)-Y[0])*velocidad);
x[0]=Math.round(X[0] +=((xmouse)-X[0])*velocidad);

for (var i = 1; i < n; i++)
{
Yaux[i] = Math.round(Y[i]);
Xaux[i ]= Math.round(X[i]);
y[i] = Math.round(Y[i]=Yaux[i]+(y[i-1]-Y[i])*velocidad);
x[i] = Math.round(X[i]=Xaux[i]+(x[i-1]-X[i])*velocidad);
}
asigna();
setTimeout('ondula()',50);
}

window.onload = ondula;

</script>

Para personalizarlo deben cambiar el mensaje que dice EL TEXTO QUE QUIERAN, si quieren otro tipo de letra cambian donde dice font, para el tamaño de la letra en size, el color donde dice orange, pueden poner el color que quieran (black, red, green, etc) incluso pueden modificar la velocidad.

[+/-]

Crear blog en Blogger

[+/-]

Poner una imagen flotante en el blog

[+/-]

Radio para tu blog

[+/-]

Título del blog en movimiento

[+/-]

Reproductor tipo iPhone

[+/-]

Comentarios en Blogger

Formularios

Blogger permite que nuestros lectores dejen sus comentarios en nuestras publicaciones y para ello nos provee de tres formatos distintos.

El primero es una página completa, a mí gusto es el menos conveniente, ya que cuando alguien quiere ver o publicar un comentario se cambia de la página del blog a una nueva página con los comentarios hechos por los otros usuarios y el formulario para agregar un comentario. Se ve así:

Para configurarlo a esta modalidad vamos a Configuración > Comentarios > Ubicación del formulario de comentarios. Marcamos la casilla Página completa y guardamos cambios.

El segundo es a través de una ventana emergente, de modo que cuando un usuario haga click en comentarios una mini ventana aparecerá con los comentarios hechos por los otros usuarios así como el formulario para agregar un comentario. Se ve de esta forma:

Para que quede de este modo vamos a Configuración > Comentarios > Ubicación del formulario de comentarios. Marcamos la casilla Ventana emergente y guardamos cambios.

El tercero es el formulario incrustado. De este modo tanto los comentarios hechos, como el formulario para dejar un comentario se encuentra al final del post. Es el más popular debido a que no abandonas la página y sin salirte puedes ver los comentarios hechos y volver a leer el artículo antes de dejar tu comentario. Se ve así:

Para que quede así vamos a Configuración > Comentarios > Ubicación del formulario de comentarios. Marcamos la casilla Entrada incrustada a continuación y guardamos cambios.

Otras configuraciones

Tristemente he visto en algunos blogs que gente con problemas de racismo, sexismo, homofobia, xenofobia, etc. les encanta dejar comentarios ofensivos en los blogs. Lamentablemente muchos autores de estos blogs se dan por vencidos y eliminan el blog o simplemente lo abandonan. Por suerte Blogger nos brinda una opción para controlar estos abusos. Simplemente vamos a Configuración > Comentarios > Moderación de comentarios y marcamos la casilla Siempre. De este modo cuando alguien deje un comentario ustedes decidirán si el comentario se publica o no. Verán como a la larga la gente ofensiva se cansará de escribir comentarios que no se publican y dejará de hacerlo. Para posteriormente deshabilitarlo marcamos la casilla Nunca.

Una medida de evitar spam es por medio de la verificación de palabra; para habilitarlo vamos a Configuración > Comentarios, y marcamos la casilla Sí en ¿Mostrar verificación de la palabra para comentarios?. Ahora cada vez que alguien quiera dejar un comentario le aparecerá esta ventanita:

A modo personal yo recomiendo que no habiliten esta opción por dos razones, una, es que es raro que un programa generador de spam encuentre nuestro blog y lo utilice para mandar spam; y otra es que es tedioso para los lectores estar perdiendo tiempo en escribir la palabra, y si no le atinan a la primera seguramente se hartarán y preferirán no dejar ningún comentario.

Así que eso queda a consideración de ustedes.

[+/-]