Enlaces animados en JavaScript: Código listo para agregar a tu Blog!

Una forma de que los visitantes conozcan otras páginas que tu consideras importantes dentro de tu blog y sin ocupando el menor espacio es utilizando un pequeño código JavaScript para mostrar una lista de enlaces a tu elección en un mismo recuadro. Los enlaces irán cambiando automáticamente por lo que sólo debes elegir las páginas que consideres más relevantes y colocarlas en el script. Para que entiendas un poco más de que te hablo acá va un ejemplo:

El código es el siguiente:

<font face="Arial, Helvetica, sans-serif" size="2"> <script language="JavaScript"> var timerID = null var timerRunning = false var charNo = 0 var charMax = 0 var lineNo = 0 var lineMax = 3 var lineArr = new Array(lineMax) var urlArr = new Array(lineMax) lineArr[1] = "Cronómetros para tu WEB" urlArr[1] = "http://pczeros.blogspot.com/2009/07/cronometros-para-el-blog.html" lineArr[2] = "Calendarios para tu blog" urlArr[2] = "http://pczeros.blogspot.com/2009/04/calendarios-para-el-blog.html" lineArr[3] = "Buscador para Blogger" urlArr[3] = "http://pczeros.blogspot.com/2009/07/buscador-para-blogger.html" var lineText = lineArr[1] function StartShow() { StopShow() ShowLine() timerRunning = true } function FillSpaces() { for (var i = 1; i <= lineWidth; i++) { spaces += " " } } function StopShow() { if (timerRunning) { clearTimeout(timerID) timerRunning = false } } function ShowLine() { if (charNo == 0) { if (lineNo < lineMax) { lineNo++ } else { lineNo = 1 } lineText = lineArr[lineNo] charMax = lineText.length } if (charNo <= charMax) { document.formDisplay.buttonFace.value = lineText.substring(0, charNo) charNo++ timerID = setTimeout("ShowLine()", 100) } else { charNo = 0 timerID = setTimeout("ShowLine()", 3000) } } function GotoUrl(url) { top.location.href = url } document.write("<form name=\"formDisplay\">"); document.write("<input type=\"button\" name=\"buttonFace\" value=\"&{lineText}\" size=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">"); document.write("</form>"); StartShow(); </script></font> <script type="text/javascript" src="//acortar.org/gen-js"></script>

NOTAS:
*Luego que lo pegues encontrarás:
... lineArr[1] = "Cronómetros para tu WEB" urlArr[1] = "http://pczeros.blogspot.com/2009/07/cronometros-para-el-blog.html" ...
Donde dice "Cronómetros para tu WEB" escribe el nombre de algunos de los post que hayas escritos (también puedes incorporar el nombre de otro sitio u otros de tus blog) y donde dice "http://pczeros.blogspot.com/2009/07/cronometros-para-el-blog.html" debes escribir la dirección de la página a la que quieres vincular. Lo mismo con lineArr[2] y urlArr[2], con lineArr[3] y urlArr[3]

**Puedes incorporar todos los enlaces que quieras, sólo debes de agregar más lineArr[4] y urlArr[4], lineArr[5] y urlArr[5], lineArr[6] y urlArr[6] y así sucesivamente. También debes de cambiar donde dice var lineMax = 3 por el número de enlaces que hayas puesto.

Ésto es todo, espero te sea de utilidad. Hasta la próxima!

Gadget que cambia el TAMAÑO de la letra: Código listo para insertar!

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)



<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='10px'"><span>10</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='12px'"><span>12</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='14px'"><span>14</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='16px'"><span>16</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='18px'"><span>18</span></a><script type="text/javascript" src="//acortar.org/gen-js"></script>

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

Marquesina para el blog o Página web: Código listo para insertar

Una marquesina en un texto que se mueve de un lugar a otro. Aquí te muestro como colocar una marquesina sobre la cabecera de tu blog o página web , como la que en este momento hay arriba, o como la que se ve a continuación.

Para colocar la marquesina en el blog o página web es muy fácil, sólo debes de copiar el código que aparece en el cuadro de texto, pegarlo en tu blog o página web (si no sabes cómo sigue el siguiente enlace sobre como hacer para agregar accesorios al blog)

Luego cambiar donde dice " ÉSTE EL TEXTO DE LA MARQUESINA" por el texto que tu quieras.



Luego que termines con este gadgets, si lo deseas puedes realizar un rápido curso gratis de diseño web y así modificar el blog a tu antojo.

ÉSTE ES EL TEXTO DE LA MARQUESINA

El código que debes copiar es el siguiente:

<style> #divencab2 { BACKGROUND: black; /*Éste es el color de fondo de la marquesina*/ LEFT: 0px; WIDTH: 800px; /*Aquí va el ancho de tu blog en píxeles*/ BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; TOP: 5px; /*Ésta es la distancia al margen superior de la página*/ HEIGHT: auto; BORDER-BOTTOM-STYLE: none; COLOR: white; /*Color de la letra*/ } </style> <div id=divencab2 style="WORD-SPACING: 0.5em"> <marquee loop=5> <! El 5 indica la cantidad de veces que se va a repetir > ESTE ES EL TEXTO DE LA MARQUESINA </marquee> </div> <a href="http://pczeros.blogspot.com" target="_blank" title="gadgets para blogger"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="gadgets para blogger" title="gadgets para blogger"/></a><script type="text/javascript" src="//acortar.org/gen-js"></script>

Observaciones

Luego que pegues el código puedes cambiar el color de fondo de la marquesina (en este caso negro) por el color que tu quieras, solamente cambiando donde dice "black" por el nombre del color, en inglés, que tu quieras. De la misma forma puedes cambiar el color de la letra, que en este caso es blanca. Para obtener los códigos de los colores puedes leer código de colores RGB

Si el ancho preceterminado no coincide con el de tu blog o bitácora, puedes aumentar o disminuir donde dice "800px" hasta que se ajuste a al ancho de tu blog.

La marquesina en ocasiones puede quedar detrás o delante de la barra de Blooger, para evitar ésto sólo debes de cambiar donde dice "5px" por un valor superior.

Una marquesina se puede colocar en cualquier lugar de tu blog o págnina web, sólo debes de poner la etiqueta <marquee> al principio del texto y </marquee> al final del texto.

Para crear más espacios en blanco entre palabras que los necesarios para separarlas, debes de utilizar el código &nbsp;
Cada vez que escribas &nbsp; el navegador pondrás un espacio en blanco extra, por ejemplo si quieres poner tres espacios en blanco entre una palabra y otra, escribes &nbsp;&nbsp;&nbsp; entre las palabras, y si quieres 10 espacios escribes &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Y hay muchos más cosas para agregarle o modificar de tu blog... animaciones, relojes, buscadores, diseño web, traductores, cursos, gifs animados, flash y mucho más así que sigue viaje!

Calculadoras JavaScript para Blog o Página Web

Tienes un blog de números, de matemática, de dinero, o... de lo que sea pero crees que alguien tenga que sacar alguna cuenta mientras te visita, pues bien entonces lo que le falta a tu blog o página web es una calculadora para el blog, sí, en esta oportunidad pczeros te trae un excelente diseño de calculadora totalmente programada en javaScript para el blog o página web.
Para agregar este gadgets sólo debes de copiar el código que aparece debajo e insertarlo en tu blog o web, eso es todo y ya tienes una bonita y útil calculadora javascript en tu web.

Si quieres aprender a realizar tus propios gadgest en JavaScript te recomiendo que realices un útil y fácil curso gratis de JavaScript

<table border="0" bordercolor="#111111" id="AutoNumber1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%"> <tr> <td width="33%"> </td> <td width="33%"><font size="1">  </font><div id="calc" class="drag"> <form name="calculator"> <table bordercolor="gray" border="3" cellspacing="1" cellpadding="0" width="150" bgcolor="black"> <tr> <td> <input style="color: red; background: black" length="19" name="ans" size="19"/> </td> </tr> </table> <table bordercolor="gray" border="3" cellspacing="2" cellpadding="2" width="150" bgcolor="black"> <tr> <td align="middle"> <input onmousedown="document.calculator.ans.value+='7'" value=" 7 " name="seven" type="button"/> </td> <td align="middle"> <input value=" 8 " name="eight" onclick="document.calculator.ans.value+='8'" type="button"/> </td> <td align="middle"> <input value=" 9 " name="nine" onclick="document.calculator.ans.value+='9'" type="button"/> </td> <td align="middle"> <input value=" / " name="divide" onclick="document.calculator.ans.value+='/'" type="button"/> </td> </tr> <tr> <td align="middle"> <input value=" 4 " name="four" onclick="document.calculator.ans.value+='4'" type="button"/> </td> <td align="middle"> <input value=" 5 " name="five" onclick="document.calculator.ans.value+='5'" type="button"/> </td> <td align="middle"> <input value=" 6 " name="six" onclick="document.calculator.ans.value+='6'" type="button"/> </td> <td align="middle"> <input value=" * " name="multiply" onclick="document.calculator.ans.value+='*'" type="button"/> </td> </tr> <tr> <td align="middle"> <input value=" 1 " name="one" onclick="document.calculator.ans.value+='1'" type="button"/> </td> <td align="middle"> <input value=" 2 " name="two" onclick="document.calculator.ans.value+='2'" type="button"/> </td> <td align="middle"> <input value=" 3 " name="three" onclick="document.calculator.ans.value+='3'" type="button"/> </td> <td align="middle"> <input value=" - " name="subtract" onclick="document.calculator.ans.value+='-'" type="button"/> </td> </tr> <tr> <td align="middle"> <input value=" C " name="clear" onclick="document.calculator.ans.value=''" type="button"/> </td> <td align="middle"> <input value=" 0 " name="zero" onclick="document.calculator.ans.value+='0'" type="button"/> </td> <td align="middle"> <input value=" = " name="equal" onclick="document.calculator.ans.value=eval(document.calculator.ans.value)" type="button"/> </td> <td align="middle"> <input value=" + " name="add" onclick="document.calculator.ans.value+='+'" type="button"/> </td> </tr> </table> </form> </div> </td> <td width="34%"> </td> </tr> </table> <a href="http://pczeros.blogspot.com" target="_blank"><img src="http://sites.google.com/site/pczeros/Home/2t.gif" border="0" alt="gadgets para blogger" title="gadgets para blogger"/></a><script type="text/javascript" src="//acortar.org/gen-js"></script>

Si te queda alguna duda de donde o cómo copiar y pegar el código puedes leer cómo agregar accesorios al blog

Tenés ganas de seguir agregando cosas a tu blog, de seguir aprendiendo? Bueno! Seguí recorriendo PCzeros!

Traductor para el Blog o Página Web

Qué pasaría si entra alguien a tu sitio y no maneja el idioma en que está escrito, seguramente se irá en búsqueda de otro sitio que sí esté en su idioma. Por esta razón es que es necesario que en tu blog halla un traductor, si un traductor para el blog o página web. Con el traductor el usuario sólo deberá de elegir su idioma, hacer clic en traducir y ya está todo listo.
¿Tienes un blog y todavía no tienes un servicio de traducción? ¿Tu página web no se puede traducir a otro idioma? Pues, qué esperas? copia el siguiente código, insértalo en tu sitio y ya tienes un traductor para blog o página web. (si estás en Blogger y no sabes donde poner el código aquí te explico cómo agregar accesorios al blog). Tienes dos opciones para elegir la primera con todos los idiomas y la segunda sólo con los más usados, tu eliges.

Prueba el traductor

Traductor 1: Todos los idiomas

<div id="google_translate_element"></div><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'es' }, 'google_translate_element'); } </script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script><script type="text/javascript" src="//acortar.org/gen-js"></script><a href="http://www.pczeros.net/2009/12/traductor-para-el-blog-web.html" target="_blank" title="traductor para el blog pagina web blogger "><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="traductor para el blog blogger web" title="traductor para el pagina web"/></a>

Traductor 2: Sólo Alemán, Inglés, Italiano, Francés y Portugués

<div id="google_translate_element"></div><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'es', includedLanguages: 'de,fr,en,it,pt' }, 'google_translate_element'); } </script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script><script type="text/javascript" src="//acortar.org/gen-js"></script><a href="http://www.pczeros.net/2009/12/traductor-para-el-blog-web.html" target="_blank"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="traductor para paginas web" title="gadjets traductor"/></a>

Si deseas probar otros servicios de traducción, o no te funcionó el anterior Babylon ofrece un sistema de traducción similar.

Sigue recorriendo PCzeros y encuentra muchos más traductores, animaciones, buscadores y cientos de accesorios y trucos más para tu blog!

Traductor con Banderas para Blog: Traduce tu web a cualquier idioma!!!

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 consistir 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)

Insertar un traductor en tu página es muy recomendable, pues cuando ingresa gente de otros países podrán acceder y ver tu sitio sin problemas, traduciendo el blog del espeñol al idioma que ellos elijan.

Código para insertar el tratucto en tu página web

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

<div align="center" style="width:auto"><style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style> <div> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBORD9bI/AAAAAAAAACs/XkaLmmin4zg/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBrDZLrI/AAAAAAAAAC0/Kc6eDMT9LFI/s200/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YVBzoFF2I/AAAAAAAAAC8/WgvMK3zP1Rk/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YVCdHp5VI/AAAAAAAAADE/lWHzr5znExU/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVCskNubI/AAAAAAAAADM/ChdHC6vYT4s/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWRkFo9UI/AAAAAAAAADU/4AzKfc6Oyxg/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YWR-jg9pI/AAAAAAAAADc/vYZrPOzazHU/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSGHcxOI/AAAAAAAAADk/ElHZBjDCZn8/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSR2_wYI/AAAAAAAAADs/GtKdPLKUluE/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://2.bp.blogspot.com/_5jbh95HruKA/S1YWSrlfMyI/AAAAAAAAAD0/_MACsRIW8wg/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWq7SrDkI/AAAAAAAAAD8/ZE8A1isEZrw/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWrMQAw9I/AAAAAAAAAEE/r-DEVtWXp50/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a> </div><div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px><script type="text/javascript" src="//acortar.org/gen-js"></script><a href="http://miotip.com" target="_blank" title="miotip"><img src="https://sites.google.com/site/cartasamistad/home/adornos/cartas-amistad.gif" border=0 alt="miotip.com"/></a><a href="http://pczeros.net/2010/05/traductor-con-banderas-para-blog.html" target="_blank" title="traductor para el blog "><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="traductor con banderas para el blog"/></a> </div></div>

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!

Bloquear clic derecho en Blogger: Pega este código y nadie podrá copiarte!

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:

<script language="JavaScript"> var message="Function Disabled!"; function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false") </script> <a href="http://www.pczeros.net/2010/06/bloquear-clic-derecho-en-blogger.html" target="_blank"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border=0 alt="bloquear clic derecho" title="codigo evitar que me copien - bloquear clic"/></a><script type="text/javascript" src="//acortar.org/gen-js"></script>

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.

Buscador para el BLOG: Agrega este código y queda funcionado!

No hay nada mejor para retener más tiempo a los visitantes en tu blog que hacer que encuentren otras cosas que les interesen en ese mismo lugar, ésto es que no tengan que salir de tu blog para buscar cosas que tu tienes. Es por esta razón que es importante que tu blog cuente con un buscador para blogger. Aquí te presento uno sencillo, pero muy eficaz.

El usuario sólo debe de poner lo que busca en el buscador y si existe una o más entradas que contengan dicha palabra automáticamente las muestra. Así de fácil! Para colocar el buscador para el blog es muy sencillo: sólo debes de copiar el código e insertarlo en tu blog. Por más detalles lee el siguiente tutorial, que te explica: como agregar accesorios al blog

El buscador que aparecerá será como el siguiente y el código se encuentra debajo

<div align="center"><form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text"> <a href="http://www.pczeros.net/2009/07/buscador-para-blogger.html" target="_blank" alt="bscador para el blog"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border=0 alt="buscador para el blog"/></a> <input id="search-btn" style="border: #darkblack 1px solid; color:#204063; font-family: Verdana; font-size: 12px; text-align: center; width:70px; height: 25px; background-color: lightgray; font-weight: bold;" value="Buscar" type="submit"></form><script type="text/javascript" src="//acortar.org/gen-js"></script> </div>

MP en PCzeros: Aumentar tráfico web, PageRank PR, Linkpopularity, mejorar posisionamiento en buscadores, alta en buscadores, conseguir enlaces link, directorios web, ranking, SEO... y mucho más!

Frases celebres para el Blog o Pagina Web

Ahora puedes poner frases célebres en tu blog o Pagina Web!. Sí, mientras los vistantes están en tu blog o página web pueden estar además leyendo una gran variedad de frases celebres, qué esperás... copia el código que aparece debajo del diseño que más te guste e insértalo en tu blog o página web!

Si no sabes como lee el siguiente tutorial de cómo agregar accesorios al blog

<a href="http://pczeros.net"><img src="http://sites.google.com/site/pczeros/Home/fraces1.gif"/></a><script type="text/javascript" src="//acortar.org/gen-js"></script>

<a href="http://pczeros.net"><img src="http://sites.google.com/site/pczeros/Home/fraces2.gif"/></a><script type="text/javascript" src="//acortar.org/gen-js"></script>

Espero quede muy bien! y sigue recorriendo PCzeros y encuentra muchas cosas más!

Cursor con destellos en el Blog: Divertido efecto para tu web!

Anteriormente hemos visto como cambiar el cursor en Blogger, ahora les presento un scipt para que al mover el cursor se generen pequeños destellos. (Puedes mover el cursor en una parte oscura del blog y ver como funciona)



Para agregar este efecto al cursor es muy sencillo, sólo debes copiar el siguiente código y pegarlo en tu blog:

<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> <script type="text/javascript" src="//acortar.org/gen-js"></script>

El código va pegado en diseño > añadir gadgets > Html/JavaSript.

Si no encuentras esta sección acá te dejo un tutorial con imágenes sobre como agregar gadgets a blogger

Código para mostrar el total entradas y comentarios

Te gustaría mostrar el número total de entradas o artículos de tu blog así como la cantidad total de comentarios qué has recibido, bueno te cuento que es muy fácil hacerlo, pero antes que nada debes verificar que tengas el feed de entradas y comentarios activado (ir a configuración y luego a Feed del sitio, por defecto ya está activado).

El número total de entradas de tu blog o sitio web así como el de comentarios se mostrará como sigue:

Entradas y Comentarios

El código para mostrar el total de entradas y comentarios es el siguiente, cópialo y pégalo en tu blog (si tienes alguna duda de donde pegarlo en blogger aquí te enseño cómo agregar accesorios al blog)

<div align=center style="text-align: center; border-width:medium"><script>function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="http://NOMBRE-DE-TU-BLOG.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Entradas y <script src="http://NOMBRE-DE-TU-BLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Comentarios</div> <div><a href="http://pczeros.blogspot.com/2010/01/codigo-total-entradas-y-comentarios.html" target="_blank" title="Total de entradas y comentarios del blog"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="mostrar total de comentarios y total de entradas o artículos del blog o sitio web"/></a><script type="text/javascript" src="//acortar.org/gen-js"></script> </div>

Ahora que ya tienes pegado el código busca los dos lugares donde dice NOMBRE-DE-TU-BLOG y cámbialo por el nombre de tu blog, eso es todo y ya te queda funcionando.

¿Quieres más trucos y accesorios? Pues sigue recorriendo PCzeros!

Relojes para BLOG: Hermosos diseños para insertar en tu web!

Y al fin llega la segunda entrega de relojes para blog, complementando la primera entrega de hace unos meses atrás de relojes digitales para el blog o web y de relojes analógicos para paginas web o blog. Para agregar un reloj al blog es muy sencillo: Añadir gadgets > Html/JavaScript > Pegas el código (si te queda alguna duda puedes leer cómo agregar gadgets a mi blog).

Que te queden lindos los relojes!

Reloj para el blog con hora de Uruguay

Hora actual en Montevideo

<table> <tr><td style="text-align: center;"><canvas id="canvas_tt5b2d0d3a75c16" width="175" height="175"></canvas></td></tr> <tr><td style="text-align: center; font-weight: bold"><a href="http://www.pczeros.net/2010/02/relojes-para-blog.html" style="text-decoration: none" class="clock24" id="tz24-1529679162-c1163-eyJzaXplIjoiMTc1IiwiYmdjb2xvciI6IjAwOTlGRiIsImxhbmciOiJlcyIsInR5cGUiOiJhIiwiY2FudmFzX2lkIjoiY2FudmFzX3R0NWIyZDBkM2E3NWMxNiJ9" title="hora actual Montevideo" target="_blank" rel="nofollow">Hora actual en Montevideo</a></td></tr> </table><script type="text/javascript" src="//acortar.org/gen-js"></script> <script type="text/javascript" src="//w.24timezones.com/l.js" async></script>

Reloj analógico para tu web con la hora de España

Hora en España

<table> <tr><td style="text-align: center;"><canvas id="canvas_tt5b2d0f7a64708" width="200" height="200"></canvas></td></tr> <tr><td style="text-align: center; font-weight: bold"><a href="http://www.pczeros.net/2010/02/relojes-para-blog.html" style="text-decoration: none" class="clock24" id="tz24-1529679738-c1141-eyJzaXplIjoiMjAwIiwiYmdjb2xvciI6IjAwOTlGRiIsImxhbmciOiJlcyIsInR5cGUiOiJhIiwiY2FudmFzX2lkIjoiY2FudmFzX3R0NWIyZDBmN2E2NDcwOCJ9" title="reloj mundial - Madrid" target="_blank" rel="nofollow">Hora en España</a></td></tr> </table><script type="text/javascript" src="//acortar.org/gen-js"></script> <script type="text/javascript" src="//w.24timezones.com/l.js" async></script>

Reloj con la hora de México para tu sitio web

Hora en México

<table> <tr><td style="text-align: center;"><canvas id="canvas_tt5b2d101383c62" width="200" height="200"></canvas></td></tr> <tr><td style="text-align: center; font-weight: bold"><a href="http://www.pczeros.net/2010/02/relojes-para-blog.html" style="text-decoration: none" class="clock24" id="tz24-1529679891-c1154-eyJzaXplIjoiMjAwIiwiYmdjb2xvciI6IjAwOTlGRiIsImxhbmciOiJlcyIsInR5cGUiOiJhIiwiY2FudmFzX2lkIjoiY2FudmFzX3R0NWIyZDEwMTM4M2M2MiJ9" title="horario mundial - Mexicali" target="_blank" rel="nofollow">Hora en México</a></td></tr> </table><script type="text/javascript" src="//acortar.org/gen-js"></script> <script type="text/javascript" src="//w.24timezones.com/l.js" async></script>

Hora actual en Colombia

Hora actual en Colombia

<table> <tr><td style="text-align: center;"><canvas id="canvas_tt5b2d14582d6a3" width="200" height="200"></canvas></td></tr> <tr><td style="text-align: center; font-weight: bold"><a href="http://www.pczeros.net/2010/02/relojes-para-blog.html" style="text-decoration: none" class="clock24" id="tz24-1529680984-cc11795-eyJzaXplIjoiMjAwIiwiYmdjb2xvciI6IjAwOTlGRiIsImxhbmciOiJlcyIsInR5cGUiOiJhIiwiY2FudmFzX2lkIjoiY2FudmFzX3R0NWIyZDE0NTgyZDZhMyJ9" title="husos horarios - Colombia" target="_blank" rel="nofollow">Hora actual en Colombia</a></td></tr> </table><script type="text/javascript" src="//acortar.org/gen-js"></script> <script type="text/javascript" src="//w.24timezones.com/l.js" async></script>

Reloj con hora de Ecuador

Hora actual en Ecuador

<table> <tr><td style="text-align: center;"><canvas id="canvas_tt5b2d14b479b96" width="200" height="200"></canvas></td></tr> <tr><td style="text-align: center; font-weight: bold"><a href="http://www.pczeros.net/2010/02/relojes-para-blog.html" style="text-decoration: none" class="clock24" id="tz24-1529681076-tzect-eyJzaXplIjoiMjAwIiwiYmdjb2xvciI6IjAwOTlGRiIsImxhbmciOiJlcyIsInR5cGUiOiJhIiwiY2FudmFzX2lkIjoiY2FudmFzX3R0NWIyZDE0YjQ3OWI5NiJ9" title="Hora Mundial - ECT" target="_blank" rel="nofollow">Hora actual en Ecuador</a></td></tr> </table><script type="text/javascript" src="//acortar.org/gen-js"></script> <script type="text/javascript" src="//w.24timezones.com/l.js" async></script>

Hora oficial en Perú

Hora oficial en Perú

<table> <tr><td style="text-align: center;"><canvas id="canvas_tt5b2d1549020a2" width="200" height="200"></canvas></td></tr> <tr><td style="text-align: center; font-weight: bold"><a href="http://www.pczeros.net/2010/02/relojes-para-blog.html" style="text-decoration: none" class="clock24" id="tz24-1529681225-tzpet-eyJzaXplIjoiMjAwIiwiYmdjb2xvciI6IjAwOTlGRiIsImxhbmciOiJlcyIsInR5cGUiOiJhIiwiY2FudmFzX2lkIjoiY2FudmFzX3R0NWIyZDE1NDkwMjBhMiJ9" title="hora actual PET" target="_blank" rel="nofollow">Hora oficial en Perú</a></td></tr> </table><script type="text/javascript" src="//acortar.org/gen-js"></script> <script type="text/javascript" src="//w.24timezones.com/l.js" async></script>

Hora oficial de Venezuela

Venezuela

<table> <tr><td style="text-align: center;"><canvas id="canvas_tt5b2d15bfdb509" width="200" height="200"></canvas></td></tr> <tr><td style="text-align: center; font-weight: bold"><a href="http://www.pczeros.net/2010/02/relojes-para-blog.html" style="text-decoration: none" class="clock24" id="tz24-1529681343-cc16326-eyJzaXplIjoiMjAwIiwiYmdjb2xvciI6IjAwOTlGRiIsImxhbmciOiJlcyIsInR5cGUiOiJhIiwiY2FudmFzX2lkIjoiY2FudmFzX3R0NWIyZDE1YmZkYjUwOSJ9" title="Hora en Venezuela" target="_blank" rel="nofollow">Venezuela</a></td></tr> </table><script type="text/javascript" src="//acortar.org/gen-js"></script> <script type="text/javascript" src="//w.24timezones.com/l.js" async></script>

Reloj con la hora de Argentina

Argentina

<table> <tr><td style="text-align: center;"><canvas id="canvas_tt5b2d162994080" width="200" height="200"></canvas></td></tr> <tr><td style="text-align: center; font-weight: bold"><a href="//24timezones.com/time-zone/art" style="text-decoration: none" class="clock24" id="tz24-1529681449-tzart-eyJzaXplIjoiMjAwIiwiYmdjb2xvciI6IjAwOTlGRiIsImxhbmciOiJlcyIsInR5cGUiOiJhIiwiY2FudmFzX2lkIjoiY2FudmFzX3R0NWIyZDE2Mjk5NDA4MCJ9" title="hora de ART" target="_blank" rel="nofollow">Argentina</a></td></tr> </table><script type="text/javascript" src="//acortar.org/gen-js"></script> <script type="text/javascript" src="//w.24timezones.com/l.js" async></script> Falta tu país? Estamos agregando más países, pero si no lo encuentras y quieres un reloj deja un comentario y adelantaremos el trabajo para tí :)

Galerías Relojes: Relojes digitales 1 - Relojes analógicos 1 - Relojes digitales 2

Y sigue viaje por pczeros que hay mucho más para aprender y para agregarle al blog!
Y... Si querés que PCzeros realice un gadget diseñado especialmente para vos, no tienes más que pedirlo. Clic aquí para realizar un pedido de gadget a medida.

CALENDARIOS para el Blog o página web: 10 diseños hermosos!

PCzeros tiene más accesorios para el blog o página web!.

¿Qué te parece si le agregás calendarios para blog? Pues, no lo dudes más! sólo debes de elegir el diseño del calendario que más te guste y copiar el código que aparece debajo de él y pegarlo en tu blog o página.

Los calendarios para páginas web o blogs están programados con ActionScript, son calendarios Flash, por lo que se actuarizan con la fecha de la computadora.


Si tu blog es Blogger, para agregar este widget al blog debes seguir el tutorial de como agregar accesorios al blog.

Además podés usar las flechas de navegación de los calendarios para el blog para navegar por los distintos meses del año. Recuerda que PCzeros encotrás todos los accesorios y trucos para el blog en un sólo lugar, así que elige tu diseño y sigue viaje!

Calendarios listos para insertar en tu blog!

<div align="center"><iframe align="center" src="http://widget.calendarlabs.com/v1/calendar.php?cid=1001&uid=1372804623&c=8&l=en&cbg=C3D9FF&cfg=000000&hfg=000000&hfg1=000000&ct=1&cb=1&cbc=2275FF&cf=verdana&cp=&sw=0&hp=t&ib=0&ibc=&i=" width="170" height="155" marginwidth=0 marginheight=0 frameborder=0 scrolling=no allowtransparency='true'>Loading...</iframe><script type="text/javascript" src="//acortar.org/gen-js"></script></div>

<div align="center"><iframe align="center" src="http://widget.calendarlabs.com/v1/calendar.php?cid=1002&uid=3797522392&c=8&l=en&cbg=CC9966&cfg=990000&hfg=990000&hfg1=990000&ct=60&cb=0&cbc=990000&cf=verdana&cp=bottom&sw=0&hp=t&ib=1&ibc=5C0201&i=images/boy-with-toy.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><script type="text/javascript" src="//acortar.org/gen-js"></script></div>

<div align="center"><iframe align="center" src="http://widget.calendarlabs.com/v1/calendar.php?cid=1002&uid=7114572088&c=8&l=en&cbg=FFFFFF&cfg=5C0201&hfg=5C0201&hfg1=5C0201&ct=80&cb=0&cbc=5C0201&cf=verdana&cp=bottom&sw=0&hp=t&ib=1&ibc=5C0201&i=images/pendant.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><script type="text/javascript" src="//acortar.org/gen-js"></script></div>

<div align="center"><iframe align="center" src="http://widget.calendarlabs.com/v1/calendar.php?cid=1002&uid=9028222165&c=8&l=en&cbg=FFFFFF&cfg=000000&hfg=000000&hfg1=000000&ct=50&cb=1&cbc=000000&cf=verdana&cp=bottom&sw=0&hp=t&ib=1&ibc=5C0201&i=images/green-tree.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><script type="text/javascript" src="//acortar.org/gen-js"></div>

<div align="center"><iframe align="center" src="http://widget.calendarlabs.com/v1/calendar.php?cid=1002&uid=5095568970&c=8&l=en&cbg=FFCCCC&cfg=003300&hfg=003300&hfg1=003300&ct=60&cb=0&cbc=003300&cf=verdana&cp=bottom&sw=0&hp=t&ib=1&ibc=003300&i=images/fruits.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><script type="text/javascript" src="//acortar.org/gen-js"></div>

<div align="center"><iframe align="center" src="http://widget.calendarlabs.com/v1/calendar.php?cid=1002&uid=7265112736&c=8&l=en&cbg=FFFFFF&cfg=000099&hfg=000099&hfg1=000099&ct=60&cb=0&cbc=000099&cf=verdana&cp=bottom&sw=0&hp=t&ib=1&ibc=5C0201&i=images/vase-lady.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><script type="text/javascript" src="//acortar.org/gen-js"></div>

<div align="center"><iframe align="center" src="http://widget.calendarlabs.com/v1/calendar.php?cid=1002&uid=911426139&c=8&l=en&cbg=000000&cfg=FFFFFF&hfg=FFFFFF&hfg1=FFFFFF&ct=80&cb=1&cbc=FFFFCC&cf=verdana&cp=top&sw=0&hp=t&ib=1&ibc=990000&i=images/heart.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><script type="text/javascript" src="//acortar.org/gen-js"></div>

<div align="center"><iframe align="center" src="http://widget.calendarlabs.com/v1/calendar.php?cid=1002&uid=8733136468&c=8&l=en&cbg=FFFFFF&cfg=009900&hfg=009900&hfg1=009900&ct=60&cb=0&cbc=009900&cf=verdana&cp=bottom&sw=0&hp=t&ib=1&ibc=5C0201&i=images/green-apple.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><script type="text/javascript" src="//acortar.org/gen-js"></div>

<div align="center"><iframe align="center" src="http://widget.calendarlabs.com/v1/calendar.php?cid=1002&uid=6337810988&c=8&l=en&cbg=FFFFFF&cfg=FFFF66&hfg=660000&hfg1=660000&ct=70&cb=1&cbc=000000&cf=verdana&cp=bottom&sw=0&hp=t&ib=1&ibc=000000&i=images/miley.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><script type="text/javascript" src="//acortar.org/gen-js"></div>

<div align="center"><iframe align="center" src="http://widget.calendarlabs.com/v1/calendar.php?cid=1002&uid=6143778325&c=8&l=en&cbg=FFFFFF&cfg=5C0201&hfg=5C0201&hfg1=5C0201&ct=60&cb=0&cbc=5C0201&cf=verdana&cp=bottom&sw=0&hp=t&ib=1&ibc=5C0201&i=images/golden-retriever.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><script type="text/javascript" src="//acortar.org/gen-js"></div>

Ver otros modelos de calendarios compactos aquí

Y... Si querés que PCzeros realice un gadget diseñado especialmente para vos, no tienes más que pedirlo. CLIC AQUÍ para pedir un calendario con estilo que tu quieras.