Bien ahora pasaremos a explicar como cambiar el texto "x comentarios" por uno mas vistoso y a la ves atraiga mas comentarios.
Lo primero que tenemos que hacer es ir a diseño y le damos un click en "edicion de HTML", y seleccionamos la casilla "expandir plantillas de artilugios" y buscamos esta parte del codigo que por cierto aveces no esta del todo igual:
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
(nota- si no encuentra el codigo pruebe buscando con control+f con mozilla firefox)
Y la cambiamos completamente por la siguiente:
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 0'>Agrega tu comentario<b:else/><data:post.numComments/> comentarios, agrega el tuyo!</b:if></a>
</b:if>
</b:if>
</span>
Obviamente puedes cambiar el texto por el que prefieras solo cambiando las partes "Agrega tu comentario" y "comentarios, agrega el tuyo!"
espero que sirva saludos!
Que buscas?
martes, 12 de agosto de 2008
Cambiar texto "x comentarios"
viernes, 8 de agosto de 2008
Texto que sigue al cursor
Con este truco podremos hacer que un texto que nos guste pueda seguir al cursor por la web, y aparte de elegir el texto tambien podremos camiarle el tipo de letra, el color, el tamaño y la velocidad a la que queremos que siga al cursor.
Bien para esto tendremos que ir a diseño y le damos click en agregar un elemento HTML-Javascript y agregamos el siguiente codigo:
<script language="JavaScript" type="text/javascript">
mensaje = 'COLOCAR AQUI LA FRASE QUE SIGUE AL CURSOR';
font = 'Verdana,Arial';
size = 2;
color = 'black';
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>
Ahora si queresmos cambiar algo como lo dijimos anteriormente vamos al principio y modificamos a gusto el mensaje, font, size, color y velocidad luego guardamos y listo ya tendremos a nuestro texto persiguiendo al cursor
viernes, 25 de julio de 2008
Links en movimiento
Este truco puede ser usado tanto en un post como en la sideber se trata de un código que hace que nos muestre los links de abajo hacia arriba repitiéndose y que al posar la flecha sobre el este se detenga.
Bien lo primero es insertar el siguiente código:
<marquee onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="100" direction="up">Aqui van los links</marquee>
Ahora que tenemos el código vamos a agregarle las direcciones y sus respectivos links, ej: donde dice "Aquí van los links" los sustituiremos por esto:
<a href='http://www.todoblogspot.blogspot.com'>TODO BLOGSPOT</a>
Primero va la dirección web y segundo el nombre que queramos que aparezca, ahora si queremos agregarle otro pero que no quede pegado al mismo le agregamos esto: <br/> pegado a lo anterior y nos quedara por debajo del primero pero si queremos que nos quede renglón por medio agregamos otro <br/> después del anterior y luego pegado la próxima dirección con su respectivo nombre y nos quedaría algo así con el siguiente codigo completo
<marquee onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="100" direction="up"><a href='http://www.todoblogspot.blogspot.com'>TODO BLOGSPOT</a><br/><br/><a href='http://www.todoblogspot.blogspot.com'>TODO BLOGSPOT</a></a><br/><br/><a href='http://www.todoblogspot.blogspot.com'>TODO BLOGSPOT</a></a><br/><br/><a href='http://www.todoblogspot.blogspot.com'>TODO BLOGSPOT</a></a><br/><br/><a href='http://www.todoblogspot.blogspot.com'>TODO BLOGSPOT</a></a><br/><br/><a href='http://www.todoblogspot.blogspot.com'>TODO BLOGSPOT</a></a><br/><br/><a href='http://www.todoblogspot.blogspot.com'>TODO BLOGSPOT</a></marquee>
Texto con movimiento
Si queremos tener un texto en movimiento ya sea que se mueva desde lo laterales o sino de arriba abajo o abajo arriba.
bien el siguiente código es para que el texto se mueva por los laterales y para eso ponemos lo siguiente:
<marquee behavior="alternate"><strong>TODO BLOGSPOT</strong></marquee>
y nos quedaría así:
obviamente cambiamos donde dice "TODO BLOGSPOT" por el texto que quieran poner.
Bien ahora si queremos que el texto se mueva de arriba a abajo y viceversa pondremos el siguiente código:
<marquee direction="up" behavior="alternate">TODO BLOGSPOT</marquee>
y nos quedaría así:
Espero que les guste saludos!
martes, 15 de julio de 2008
Insertar un archivo Flash en Sidebar
Bueno para poner archivo Flash o SWF en la Sidebar debemos a diseño y le damos en insertar un elemento de página HTML/Javascript y colocamos el siguiente código:
<embed quality="high" allowscriptaccess="never" type="application/x-shockwave-flash" height="200" src=" URL del arcivo .swf" width="200" wmode="Transparent"/></embed>
se puede modificar el ancho(width)y el alto(height) sin pasarse de la sidebar, bueno espero que te sirva como ves es muy simple saludos
sábado, 12 de julio de 2008
Chat Cbox en Blogger
A la hora de poner un chat hay varias paginas que nos facilitan uno, la que mas he visto es Cbox y es muy facil hacerte uno solo basta con un par de clicks y datos para tener un chat en tu blogger bien lo primero que tenemos que hacer es ir a la web Cbox y le damos en la pestaña "sign up"
Llenamos los datos que nos pide y podemos elegir la combinacion de colores que deseamos y le damos a "Create my Cbox!" le damos ok y nos dara un codigo y lo copiamos.
Vamos a Blogger y le damos a la pestaña de diseño, agregamos un elemento "HTML/javascrip" y listo ya tendremos un chat en nustro blog!!!