Traduce el blog a tu idioma!

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
Puedes poner un traductor igual a este en tu blog haciendo clic aquí!

Recibe los últimos gadgets de pczeros en tu correo!

Ingresa tu dirección de correo:

Entregado por Feedburner

Mostrando entradas con la etiqueta JavaScript. Mostrar todas las entradas
Mostrando entradas con la etiqueta JavaScript. Mostrar todas las entradas

Botón "Ir Ariba - Ir Abajo" para Blogger!

10 comentarios
Un gadget muy útil que puedes agregar a tu blog es el popular botón de Ir arriba o Ir abajo, o sea un gadget que le agregará a tu blogger la posibilidad de que los visitantes puedan moverse del inicio del blog al final de la página sin problemas.


¿Quieres saber exactamente de que se trata este gadget? Mira la esquina inferior derecha de esta página y puedes probar como funciona.


Para agregar el botón de "Ir arriba - Ir abajo" a Blogger sólo copia el siguiente código y pegalo en tu blog!




Si no sabes donde pegar el código, sigue este tutorial que hemos hecho para tal fin.


Gadget pajaro de Twitter volando por el Blogger

22 comentarios
Te gustaría tener el pájarito de twitter volando por todo el blog, es muy sencillo hacerlo! Simplemente debes agregar el Gadgets del pajaro de Twitter y lo tendrás volando por todo tu blogger
Pájarito de twitter volandhttp://www.blogger.com/img/blank.gifo



Simplemente copia el código del pajaro de twitter volando y pegalo en tu Blogger o web. En blogger sigue el siguiente tutorial para agregarlo: Agregar gadget a Blogger

Si quieres vincularlo con tu página en twitter debes cambiar la siguiente url del código: http://pczeros.blogspot.com/2011/06/gadget-pajaro-twitter-volando-blogger.html por la url de tu twitter.

Truco HOJAS que caen por el BLOG!

5 comentarios
En varios países actualmente se está en verano, eso significa que pronto vendrá el otoño y para adelantarnos y preparar el blog para esta estación del año les dejaré un truco para que caigan hojas amarillas de árboles desde arriba hacia abajo de tu blog blogger.



Para agregar este efecto has lo siguiente:



Y luego ve a diseño > Edición HTML y pegas el código justo antes de </head>

Y listo ya tienes estas hojitas callendo en tu página!

Si quieres que caigan otras cosas en lugar de hojas, busca cerca del principio del código líneas como esta:

http://lh5.googleusercontent.com/--jcOdbfXsBs/UGS2U_spSLI/AAAAAAAADCU/G-4XZ0mSEHg/s100/hoja1.png


y sutitúyelas por la dirección otras imágenes que tu quieras, puedes hacer caer lo que más te guste!

Botón imprimir página para Blogger

8 comentarios
Botón imprimir pagina para blogger: Si tienes un blog en el que consideras que a los visitantes les quedará más cómodo imprimir la página para luego leerla con tranquilidad, un blog con mucho texto, un blog de poemas o canciones, o algún otro tipo de blog que creas necesaria esta función puedes agregar el botón imprimir página para Blogger (Es un pequeño código JavaScript por lo que también es válido para cualquier blog o página web)

boton imprimir pagina para blog blogger web

Su funcionamiento muy simple: Al hacer clic en el botón se abre la ventana de la impresora y el visitante está a un clic de imprimir tu página!

Para agregar el botón imprimir a blogger buscar la siguiente linea en Diseño >> Edición HTML (con artilugios expandidos:

<div class='post-body entry-content'>

y pegar debajo algunos de los siguientes códigos según el diseño que elijas:

imprimir página


imprimir página


imprimir página



Notas:

* En este caso el botón imprimir para blogger quedará en la parte superior y a la derecha de la página pero puedes colocarlo en otro lugar si lo deseas.

* Está configurado para que se muestre sólo en las entradas y no en la portada del blog o en las páginas de archivo pues en estas no tendría tanta utilidad.

Puntero con texto animado que lo sigue en Blogger

6 comentarios
Hace un tiempo te presenté cursores para el blog y también un atractivo cursor con destellos, hoy quiero compartir un código que hace que tras el cursor se muestre un texto que lo sigue.

letras que siguen cursor

Pero sin andar con más vueltas lo que lograrás es ver el efecto que estás viendo si mueves el puntero de tu mouse en esta página



Agregar el este efecto al puntero de tu blog es muy sencillo, sólo copias el código de arriba y lo pegas en tu blog en diseño >> html/javaScript (Aquí un tutorial si no sabes donde pegarlo)

Puedes cambiar esta parte del código para ajustar este truco a tus necesidades:

// Mensaje
var msg = "PCZEROS... te sigue a todas partes";

// Tamaño de la letra
var size = 22;

// Determina si es ovalado o circular, 1 es circular, 2 es ovalado
var circleY = 0.75; var circleX = 2;

// Espacio entre cada letra
var letter_spacing = 5;

// Diametro del circulo
var diameter = 10;

// Velocidad de rotacion
var rotation = 0.2;

// Velocidad de reaccion
var speed = 0.3;


Busca estas líneas en el código para modificar el color, estilo de la letra y otras cosas:

font-style: italic; (borra esta línea para que las letras no se muestren en cursiva)

font-weight: bold;(borra esta línea para que las letras no se muestren en negrita)

font-family: verdana, arial; (Tipo de letra)

color: #000; (Color del texto: lee Código de colores RGB)

Esto es todo espero les sea de utilidad.

Reloj cuenta regresiva para Blogger

8 comentarios
En pczeros ya hace tiempo les presenté relojes analógicos 1 y relojes analógicos 2 para blogger y también relojes digitales para el blog, todos en flash! hoy les dejaré un reloj con cuenta regresiva para tu Bloggero web en general realizado en Java Script para que puedan mostrar los días que faltan para un evento cualquiera, como por ejemplo el cumpleaños de blog, el comienzo del 2012, el lanzamiento de una película, la asunción del nuevo presidente, el fin del mundo, o lo que tu quieras!

En el ejemplo se muestran los días que faltan para que empiece el 2012!



Código:

Configuración:

1/1/2012: es el la fecha que finaliza el conteo, puedes cambiarla, pero manteniendo el formato de fecha. El formato para la fecha es el siguiente MES/DIA/AÑO, por ejemplo para saber los días que faltan para el 25 de ocutbre de 2021 la fecha que se debería poner en el scrip sería 10/25/2021

white: es el color de fondo del contador, puedes usar el nombre del color en inglés o bien el código RGB, clic en el enlace para aprender más sobre codigos de colores RGB

blue: Es el color del texto, también puedes cambiarlo.

Feliz año nuevo!!!: Es el texto que se mostrará cuando finalice el conteo, puedes poner el mensaje que quieras



Eso es todo, si no sabes donde pegar el código lee: Cómo agregar gadgets a blogger.

Fuegos artificiales en Blogger

38 comentarios
Fuegos artificiales en Blogger: Estaba esperando estar más próximo a las fiestas de fin de año para traer este gadget para Blogger. Se trata de un código java script que hace que en la pantalla se vean fuegos artificiales.

Ideal para las fiestas de fin de año o cualquier otro acontecimiento que quieras festejar.

fuegos artificiales

El código es el siguiente:



Para agregarlo: muy sencillo, vás a diseño, agregar un nuevo gadgets, HTML/JavaScript y pegas el código. Si aún te quedan dudas puedes leer: cómo agregar gadgets a blogger.

Si lo deseas también puedes modificar algunas cosas como la intensidad de los fuegos artificiales, su velocidad e inclusive los colores. Para este último punto puedes ver códigos de colores RGB para obtener los distintos códigos de colores.

Y si en estas fiestas en tu país nieva, aquí el gadget de nieve para el blog.

Es todo, espero les guste.

Entrada al Azar para Blogger

16 comentarios
azar Una forma de que los visitantes vean aquellas entradas que talvés publicaste hace tiempo y muchos no vieron es colocando un botón que al hacer clic en él muestre una entrada al azar de todos las entradas que tienes en tu blog.



Puedes probarlo a continuación:




Ver una entrada al azar


El código para agregar este gadget de entradas al azar para blogger es el siguiente:



El código lo copias y lo pegas donde quieras que aparezca el gadget, si quiere agregarlo a la sidebar de tu Blogger y no sabes como lee: Como agregar gadgets a blogger Esto es todo, espero les resulte útil.

Lista de entradas al azar en Blogger

16 comentarios

Ahora puedes mostrar una lista con entradas al azar en Blogger, ésto te servirá para que tus visitantes tenga acceso a entradas que tal vez hace tiempo publicaste y no todos vieron o recuerdan.


El gadget selecciona al azar algunas de esas entradas y la muestra en una lista, puedes ver un ejemplo aquí:






El código para agregar el gadget de entradas al azar en Blogger es el siguiente:



Para agregar el gadget copia el código y pégalo en tu blog ¿No sabes donde? Lee ésto

Para que quede en funcionamiento cambia donde dice: el-nombre-de-tu-blog por el nombre de tu blog, en mi caso sería pczeros. También puedes cambiar donde dice var maxEntries = 5; cambiando el 5 por el número de entradas que quieres que se muestren.

Esto es todo, espero les guste!

Poner un indice en Blogger

50 comentarios
Poner un índice en Blogger es de gran utilidad para tu blog, pues en una sola página los visitantes podrán ver todo lo que tiene tu blog y además dividido en categorías.

indice Para agregar el índice en tu blog sólo copia el siguiente código y pégalo en una nueva entrada o página.



Una vez que pegues el código cambia donde dice ACA-EL-NOMBRE-DE-TU-BLOG por el nombre de tu blog.

Sólo esto y ya tienes un índice en tu blog. Este índice para blogger además tiene un sistema que detecta las nuevas entradas y les pone Nuevo! a su lado para que sean fácilmente indentificables.

Puedes ver un ejemplo de como queda funcionando aquí

Gadget visitantes recientes Blogger

278 comentarios
Gadget visitantes recientes Blogger: ¿Te gustaría tener las imágenes de los últimos que visitaron tu blog?
PCzeros te trae este fabuloso gadgets de visitantes recientes para blogger, se trata de un gadget que muestra los avatares de los últimos que visitaron tu sitio.
El gadget se ve como el de la imágen y además tiene distintas configuraciones.
visitantes recientes blogger
Para agregar este gadget a Blogger:

1) Entrar a Blogger e ir a la pestaña diseño

2) Clic en Añadir un Gadget

3) Clic en Añade tu propio

4) Escribe la siguiente URL en el espacio que aparece


http://sites.google.com/site/pczeros/Home/ultimos-visitantes-pcz.xml

Listo ya tienes tu gadget pronto para esperar nuevas visitas!

Nota
Si sale un mensaje que diga que tiene caracteres no permitidos o que tiene errores recuerda que: Por defecto en el espacio donde va la URL aparece http:// el código que les dejé arriba ya tiene http:// por lo que deben de borrar el http:// que aparece por defecto para evitar que les quede http://http:// que es lo que hace que aparezca el mensaje de error.

Gadget que cambia el TAMAÑO de la letra

2 comentarios
Gadget que cambia el TAMAÑO de la letra: Te gustaría tener un gadget en tu blog que cambie el tamaño del texto con sólo el visitante hacer clic, bueno hoy te traigo este gadget que cambia el tamaño de la fuente haciendo clic en el tamaño que se elija.

Lo puedes ver en funcionamiento aquí:

10 12 14 16 18


¿qué te parece?
Si te ha gustado es muy sencillo agregarlo a tu blog, sólo copia el siguiente coódigo y ve a diseño > agregar gagets > Html/JavaScript y pega allí el código. (Mas detalles en el siguiente tutorial de blogger)





Espero te guste el nuevo gadget y sigue recorriendo pczeros que vas a encontrar mucho más para tu blog!

Bloquear clic derecho en Blogger

70 comentarios
Deshabilitar clic derecho en Blogger.
No quieres que copien el contenido de tu blog?, ya sea lo que escribes o tus imágenes, deseas ponerle algunas piedritas en el camino a aquel que quiere copiarte? Bueno, si tu respuesta es sí, lo mejor que puedes hacer es deshabilitar el clic derecho del mouse en tus páginas.

COPIAME SI PUEDES!
Hacer esto es muy sencillo, sólo se trata de agregar un código JavaScrip en tu blog y listo, el código es el siguiente:



Para agregar el código ve a Diseño > Añadir Gadgets > Html/JavaSrip y pega allí el código. Aquí te lo explico con más detalles: Ver tutorial
Si quieres que no se pueda copiar sólo una entrada pega el código al final de esa entrada y listo.
Puedes cambiar que se muestra al hacer clic buscando: Function Disabled! y remplazando este texto por el que tu quieras.
Esto es todo! Hasta la próxima!


Actualización (4/10/10)
A partir de los comentarios que he recibido (de que aún bloqueando el clic derecho se podía copiar usando el teclado), les dejo este código para bloquear el teclado:

<body oncontextmenu="return false" onkeydown="return false">

En diseño > Edición Html > Buscan una línea que comienza con <body y la sustituyen por el código anterior.
No lo crees, realiza lo anterior y trada de copiar usando Ctr+C.
Listo el teclado también quedo bloquedado.

Gadget cambia color fondo Blog

8 comentarios
Gadgets que cambia el color de fondo del blog o página web.
Qué te parece tener en tu blog un gadget en el que los visitantes puedan hacer clic y cambiar el color de fondo de tu blog a su gusto. Sí, sólo hacen clic y el color de fondo cambia, muy atractivo verdad?

Lo puedes probar a continuación:




Para poner este gadget sólo debes de copiar el siguiente código y pegarlo en tu blog (diseño > agregar gadget > Html/JavaScrip y pegaas el código)




Espero te guste este nuevo gadget que te trae PCzeros y hasta la próxima!

Traductor con Banderas para Blog

58 comentarios
Traductor con Banderas para Blog: Ya hace un tiempo pczeros te trajo un traductor para tu blog o página web, lo puedes ver en la página: http://pczeros.net/2009/12/traductor-para-el-blog-web.html.
Ahora te trae este otro diseño de traductor que en vez de cosistir en una lista desplegable con los distintos idiomas del traductor tiene las banderas de los distintos países, mucho más vistoso.

Lo puedes ver en funcionamiento a continuación (no tiene un ancho fijo por lo que se adapta al espacio que tengas libre)

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified


El código para insertar este tratuctor con banderas en tu blog o página web es el siguiente:




Si no sabes donde pegar el código lee: http://pczeros.net/2009/11/tutorial-agregar-accesorios-blog-gratis.html

Eso es todo y que tu blog se vea más lindo!

Importante: Para ver correctamente este sitio necesitas tener Flash Player instalado, JavaScript habilitado en tu navegador y es recomendable usar Firefox