Cómo cambiar el cursor

Aquí os dejamos distintos cursores que nos han gustado con su código HTML. Si queréis añadirlo a vuestra página, tenéis que copiar el código y pegarlo en una Nuevo gadget que creeis desde diseño. Elegís la opción de HTML/Javascript, guardáis y listo.

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-8/oth755.cur), progress;}</style><a

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1134.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1134.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/01/hello-kitty-touching-lip.html" target="_blank" title="Hello Kitty Touching Lip"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Hello Kitty Touching Lip" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/oth1127.ani), url(http://cur.cursors-4u.net/anime/ani-12/oth1127.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/29/naruto-uzumaki-running.html" target="_blank" title="Naruto Uzumaki Running"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Naruto Uzumaki Running" style="position:absolute; top: 0px; right: 0px;" /></a>


<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1091.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/20/domo-kun-sleepy.html" target="_blank" title="Domo-kun Sleepy"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Domo-kun Sleepy" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/people/peo-1/peo9.ani), url(http://cur.cursors-4u.net/people/peo-1/peo9.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2005/04/27/peo9-12.html" target="_blank" title="Ultra Man"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Ultra Man" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-10/ani936.ani), url(http://cur.cursors-4u.net/anime/ani-10/ani936.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/05/02/animated-neon-genesis-evangelion-asuka-langley-soryu-blowing-kiss.html" target="_blank" title="Animated Neon Genesis Evangelion Asuka Langley Soryu Blowing Kiss"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Animated Neon Genesis Evangelion Asuka Langley Soryu Blowing Kiss" style="position:absolute; top: 0px; right: 0px;" /></a>

Como hacer que nuestro cursor suelte destellos

Como podéis ver en nuestro blog, si pasáis el ratón por partes de color, suelta destellos blancos, como si soltase brillantina. Si queréis poner esto en vuestro blog (siempre se ve más en blogs con un diseño más oscuro), solo tenéis que seguir estos sencillos pasos:

1. Entráis en diseño
2. Añadis un gadget, da igual el sitio
3. Elegís la opción de HTML/Javascript
4. Pegáis este código: <script type='text/javascript'>
   // <![CDATA[
   var colour="#FFFFFF";
   var sparkles=40;
   
   var x=ox=400;
   var y=oy=300;
   var swide=800;
   var shigh=600;
   var sleft=sdown=0;
   var tiny=new Array();
   var star=new Array();
   var starv=new Array();
   var starx=new Array();
   var stary=new Array();
   var tinyx=new Array();
   var tinyy=new Array();
   var tinyv=new Array();
   window.onload=function() { if (document.getElementById) {
   var i, rats, rlef, rdow;
   for (var i=0; i<sparkles; i++) {
   var rats=createDiv(3, 3);
   rats.style.visibility="hidden";
   document.body.appendChild(tiny[i]=rats);
   starv[i]=0;
   tinyv[i]=0;
   var rats=createDiv(5, 5);
   rats.style.backgroundColor="transparent";
   rats.style.visibility="hidden";
   var rlef=createDiv(1, 5);
   var rdow=createDiv(5, 1);
   rats.appendChild(rlef);
   rats.appendChild(rdow);
   rlef.style.top="2px";
   rlef.style.left="0px";
   rdow.style.top="0px";
   rdow.style.left="2px";
   document.body.appendChild(star[i]=rats);
   }
   set_width();
   sparkle();
   }}
   function sparkle() {
   var c;
   if (x!=ox || y!=oy) {
   ox=x;
   oy=y;
   for (c=0; c<sparkles; c++) if (!starv[c]) {
   star[c].style.left=(starx[c]=x)+"px";
   star[c].style.top=(stary[c]=y)+"px";
   star[c].style.clip="rect(0px, 5px, 5px, 0px)";
   star[c].style.visibility="visible";
   starv[c]=50;
   break;
   }
   }
   for (c=0; c<sparkles; c++) {
   if (starv[c]) update_star(c);
   if (tinyv[c]) update_tiny(c);
   }
   setTimeout("sparkle()", 40);
   }
   function update_star(i) {
   if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
   if (starv[i]) {
   stary[i]+=1+Math.random()*3;
   if (stary[i]<shigh+sdown) {
   star[i].style.top=stary[i]+"px";
   starx[i]+=(i%5-2)/5;
   star[i].style.left=starx[i]+"px";
   }
   else {
   star[i].style.visibility="hidden";
   starv[i]=0;
   return;
   }
   }
   else {
   tinyv[i]=50;
   tiny[i].style.top=(tinyy[i]=stary[i])+"px";
   tiny[i].style.left=(tinyx[i]=starx[i])+"px";
   tiny[i].style.width="2px";
   tiny[i].style.height="2px";
   star[i].style.visibility="hidden";
   tiny[i].style.visibility="visible"
   }
   }
   function update_tiny(i) {
   if (--tinyv[i]==25) {
   tiny[i].style.width="1px";
   tiny[i].style.height="1px";
   }
   if (tinyv[i]) {
   tinyy[i]+=1+Math.random()*3;
   if (tinyy[i]<shigh+sdown) {
   tiny[i].style.top=tinyy[i]+"px";
   tinyx[i]+=(i%5-2)/5;
   tiny[i].style.left=tinyx[i]+"px";
   }
   else {
   tiny[i].style.visibility="hidden";
   tinyv[i]=0;
   return;
   }
   }
   else tiny[i].style.visibility="hidden";
   }
   document.onmousemove=mouse;
   function mouse(e) {
   set_scroll();
   y=(e)?e.pageY:event.y+sdown;
   x=(e)?e.pageX:event.x+sleft;
   }
   function set_scroll() {
   if (typeof(self.pageYOffset)=="number") {
   sdown=self.pageYOffset;
   sleft=self.pageXOffset;
   }
   else if (document.body.scrollTop || document.body.scrollLeft) {
   sdown=document.body.scrollTop;
   sleft=document.body.scrollLeft;
   }
   else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
   sleft=document.documentElement.scrollLeft;
   sdown=document.documentElement.scrollTop;
   }
   else {
   sdown=0;
   sleft=0;
   }
   }
   window.onresize=set_width;
   function set_width() {
   if (typeof(self.innerWidth)=="number") {
   swide=self.innerWidth;
   shigh=self.innerHeight;
   }
   else if (document.documentElement && document.documentElement.clientWidth) {
   swide=document.documentElement.clientWidth;
   shigh=document.documentElement.clientHeight;
   }
   else if (document.body.clientWidth) {
   swide=document.body.clientWidth;
   shigh=document.body.clientHeight;
   }
   }
   function createDiv(height, width) {
   var div=document.createElement("div");
   div.style.position="absolute";
   div.style.height=height+"px";
   div.style.width=width+"px";
   div.style.overflow="hidden";
   div.style.backgroundColor=colour;
   return (div);
   }
   // ]]>
   </script>
5. Guardáis disposición y listo.

Vuestro cursor ya soltará pequeños destellos ^^

Barra de música

Aquí os dejamos las instrucciones para colocar una barra de música en vuestro blog, como la que hemos puesto nosotras:

1. Nos metemos en este enlace: http://scmplayer.net/
2. Elegimos el diseño que más nos guste y le damos a next.
3. Ponemos el nombre de la canción que va a sonar y en la casilla de URL, copiamos la dirección del enlace de la web donde está la canción. Lo podemos sacar de youtube.
4. Podemos darle al play para ver como sonaría.
5. Elegimos si queremos que empiece a reproducirse la lista nada más abrir el blog.
6. Marcamos si queremos que se reproduzca de manera aleatoria
7. Marcamos el volumen que empezará a sonar por defecto.
8. Elegimos el modo de repetición de la música.
9. Ponemos si queremos que la barra aparezca al principio o al final de nuestra página
10. Por último, marcamos si queremos que aparezca la lista de canciones por defecto
11. Cuando ya hemos ajustado todo a nuestro gusto, le damos a done
12. Nos aparecerá un código HTML que copiaremos y pegaremos en un gadget nuevo (ya sabéis como hacerlo por entradas anteriores) de HTML/Javascript.
13. Guardamos la disposición y listo

Ya tendréis una barra de reproducción para vuestro blog (:

Cómo poner una encuesta en nuestro blog

Como ya habréis visto, nosotras hemos puesto una encuesta en el margen. Podéis votar seleccionando la opción con la que más os identifiquéis y dándole a votar. Si vosotros también queréis una, solo tenéis que seguir estos pasos:

1. Nos metemos en Diseño
2. Le damos a la opción de añadir gadget. 
3. Seleccionamos la opción de encuesta.
4. Ponemos la pregunta que queramos hacer y las respuestas. Vienen cuatro predeterminadas, pero podemos añadir o quitar más.
5. Por último ponemos la fecha tope para votar. 
6. Guardamos la disposición, y listo

Esperamos que os haya servido (:

Cómo crear un personaje para promocionarnos

En esta entrada, os pondremos los pasos para crear un personaje de animación que puede hablar y moverse como nosotros decidamos. Podéis verlo en la columna derecha de nuestro blog. ¡Esperamos que os sirva!

1. Visitamos este enlace: http://www.voki.com/
2. Damos a la opción de "Create" que hay en la barra superior, en el lado izquierdo.
3. Primero decidiremos si queremos un personaje predeterminado o uno que creemos nosotros. Si elegís uno predeterminado, solo tenéis que elegirlo, y cambiar los detalles que consideréis. 
4. Si  queréis crear uno vosotros, vais eligiendo los carácteres que queréis que tenga, y lo guardáis
5. Después le dais a la opción de siguiente y decidís como queréis que sea el mensaje que diga. 
6. Por último le dais a "Done"
7. Cambiáis el fondo, si queréis
8. Le dais a la opción de "publish"
9. Si queréis crear una cuenta, la creais, pero no es necesario.
10. Copiais el código que os dan y lo ponéis en una entrada de HTML/ Javascript, como hemos explicado en las entradas anteriores. 

¡Esperamos que os guste!

Consejos para conseguir visitas

Buenos díaas (:
En esta entrada pondremos algunos consejos para conseguir mas visitas. Esperamos que os sirvan de ayuda ^^
1. Lo más importante, es que subáis entradas cada poco tiempo. Tener el blog actualizado es fundamental para conseguir más visitas.
2. No poner publicidad, ni anuncios. La gente que navega por internet suele impacientarse con esas cosas y corremos el riesgo de que dejen de visitarnos.
3. El diseño. Tener un diseño limpio y original es muy importante para causar buena impresión a los lectores.
4. Un título sugerente.  Eso animará a los lectores a seguir leyendo, y con un poco de suerte, les gustará y se harán seguidores del blog.
5. Visitar otros blogs y dejar comentarios con vuestro perfil de blogger. A la gente siempre le gusta recibir comentarios, y os lo pueden agradecer visitandoos a vosotr@s.
6. Comentando en foros o otras páginas y dejando una firma con la dirección de vuestro blog.
Esperamos que estos consejos os sirvan de ayuda. ¡Gracias por leernos!

Añadir una lista con los diez mejores visitantes

Aquí os dejamos los pasos para saber quién son los diez visitantes que más acceden a vuestro blog. En el nuestro, en la columna derecha tenéis una, pero para que se registren, tienen que estar metidos en su cuenta de blogger.
1. Vais a vuestra página de blogger y le dais a diseño.
2. Añadís un gadget donde queráis ponerlo.
3. Le dais a la opción de "Añade tu propio gadget"
4. Copiáis esta URL: http://sites.google.com/site/pczeros/Home/RankingdevisitantesPCZ.xml
5. Le dais a "añadir por URL"
6. Guardais y listo
¡Esperamos que os guste y os sirva de ayuda!