Traductor con banderas animadas para tu blog o web.

Traductor para web o blog muy vistoso.

Si tú sitio es frecuentemente visitado por usuarios que no hablan el Español, acá les tengo un traductor google pero con banderas animadas, un atractivo recurso que a diferencia de otros traductores no son imágenes estáticas, son gif de cada bandera que representa un idioma, este traductor posee además traducciones en doce idiomas principales, desde Chino, Francés, Holandés, Alemán, Portugués, Árabe, Japones, Italiano, Inglés, Español. Koreano y Ruso. Solo te pido que no modifiques el código para que funcione.


ACÁ ESTÁ LA VISTA PREVIA DE COMO QUEDARÍA TÚ TRADUCTOR

Para agregarlo en tu sitio solo debes copiar y pegar el código HTML de bajo

<center> <center> <br /> <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><br /> <div> <br /> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=8922739645700617993#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;" rel="nofollow" target="_blank" title="English"><img align="absBottom" alt="English" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Gran-Bretana.gif" style="cursor: pointer; margin-right: 8px;" title="English" width="24" /></a><a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=8922739645700617993#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;" rel="nofollow" target="_blank" title="French"><img align="absBottom" alt="French" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Francia.gif" style="cursor: pointer; margin-right: 8px;" title="French" width="24" /></a><a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=8922739645700617993#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;" rel="nofollow" target="_blank" title="German"><img align="absBottom" alt="German" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Alemania.gif" style="cursor: pointer; margin-right: 8px;" title="German" width="24" /></a><a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=8922739645700617993#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"><img align="absBottom" alt="Spain" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Espana.gif" style="cursor: pointer; margin-right: 8px;" title="Spain" width="24" /></a><a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=8922739645700617993#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"><img align="absBottom" alt="Italian" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Italia.gif" style="cursor: pointer; margin-right: 8px;" title="Italian" width="24" /></a><a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=8922739645700617993#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"><img align="absBottom" alt="Dutch" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Paises%20Bajos.gif" style="cursor: pointer; margin-right: 8px;" title="Dutch" width="24" /></a><a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=8922739645700617993#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"><img align="absBottom" alt="Russian" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Rusia.gif" style="cursor: pointer; margin-right: 8px;" title="Russian" width="24" /></a><a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=8922739645700617993#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;" rel="nofollow" target="_blank" title="Portuguese"><img align="absBottom" alt="Portuguese" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Portugal.gif" style="cursor: pointer; margin-right: 8px;" title="Portuguese" width="24" /></a><a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=8922739645700617993#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"><img align="absBottom" alt="Japanese" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Japon.gif" style="cursor: pointer; margin-right: 8px;" title="Japanese" width="24" /></a><a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=8922739645700617993#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"><img align="absBottom" alt="Korean" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Corea%20del%20Sur.gif" style="cursor: pointer; margin-right: 8px;" title="Korean" width="24" /></a><a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=8922739645700617993#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"><img align="absBottom" alt="Arabic" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Arabia%20Saudi.gif" style="cursor: pointer; margin-right: 8px;" title="Arabic" width="24" /></a><a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=8922739645700617993#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absBottom" alt="Chinese Simplified" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/China.gif" style="cursor: pointer; margin-right: 8px;" title="Chinese Simplified" width="24" /></a> </div> <br /> <div 0px="" 0pxãƒâ¢??="" 3px="" style="margin: 8px;">  </div> </center> </center>

Calculadora flash para tu sitio web.

Calculadora flash muy util para tu web o blog.

He aqui una;aplicación que podría ser muy vistosa y de provecho para tus sitios, me refiero a la calculadora, si bien es cierto de que nuestro sistema operativo posee una entre sus herramientas, pero es más rápido usarla en una web o blog directamente si los usuarios quieren efectuar algún cálculo, este gadget es ideal para sitios que ofrezcan en venta algún tipo de producto, o para aquellas cuya temática se relacione con comercio electrónico, estadísticas en línea entre otros.

Vista previa de la aplicación:



Este es el codigo que debes insertar en tu web:

<center><a href="http://amigaswebs.blogspot.com" title="relojes web"> <embed style = "" src = "http://img60.xooimage.com/files/c/b/2/calculadora-2-23793a9.swf"wmode =" transparent "type =" application / x-shockwave-flash "height =" 200 "width =" 200 "> <param name="wmode" value="transparent" /><td align="center"></td></embed></a></center><br />

Contador de Twitter

Muestra tus estadisticas de Twitter en tu sitio web.

Existe una herramienta que permite mostrar tus estadisticas de Twitter en tu blog o pagina web.

Se llama Twitter Counter, y es muy facil de utilizar.

Debes ingresar tu nombre de cuenta en Twitter y hacer click en la casilla que dice "mostrar mis estadisticas".

Esto te lleva a otra ventana donde debes ingresar el correo electronico con el cual estas registrado y tu contraseña, y hacer click en "permitir".

Luego copias el codigo generado y lo pegas en tu editor de HTML.

Slider con entradas del blog.

Gadget que muestra entradas en slider.

Este codigo es muy interesante, se trata de un slider que muestra entradas de tu blog en forma aleatoria, muy bueno para llamar la atencion de los visitantes y retenerlos un poco mas.

Para instalarlo sigue los siguientes pasos:

1) Ves a Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript. En él pega el siguiente código:

<style type="text/css"><br /><br />.gfg-root {<br /><br />width : 100%;<br /><br />height : auto;<br /><br />position : relative;<br /><br />overflow : hidden;<br /><br />text-align : center;<br /><br />font-family: "Arial", sans-serif;<br /><br />font-size: 15px;<br /><br />border: 1px solid #BCCDF0;<br /><br />}<br /><br /><br /><br />.gfg-title {<br /><br />font-size: 24px;<br /><br />font-weight : bold;<br /><br />color : #3366cc;<br /><br />background-color: #E5ECF9;<br /><br />line-height : 1.4em;<br /><br />overflow : hidden;<br /><br />white-space : nowrap;<br /><br />}<br /><br /><br /><br />.gfg-title a {<br /><br />color : #3366cc;<br /><br />}<br /><br /><br /><br />.gfg-subtitle {<br /><br />font-size: 20px;<br /><br />font-weight : bold;<br /><br />color : #3366cc;<br /><br />background-color: #E5ECF9;<br /><br />line-height : 1.4em;<br /><br />overflow : hidden;<br /><br />white-space : nowrap;<br /><br />margin-bottom : 0px;<br /><br />}<br /><br /><br /><br />.gfg-subtitle a {<br /><br />color : #3366cc;<br /><br />display:none !important;<br /><br />}<br /><br /><br /><br />.gfg-entry {<br /><br />background-color : white;<br /><br />width : 100%;<br /><br />height : 6.9em;<br /><br />position : relative;<br /><br />overflow : hidden;<br /><br />text-align : left;<br /><br />margin-top : 3px;<br /><br />}<br /><br /><br /><br />/* To allow correct behavior for overlay */<br /><br />.gfg-root .gfg-entry .gf-result {<br /><br />position : relative;<br /><br />background-color : white;<br /><br />width : auto;<br /><br />height : 100%;<br /><br />padding-left : 20px;<br /><br />padding-right : 5px;<br /><br />}<br /><br /><br /><br />.gfg-list {<br /><br />position : relative;<br /><br />overflow : hidden;<br /><br />text-align : left;<br /><br />margin-bottom : 5px;<br /><br />display:none !important;<br /><br />}<br /><br /><br /><br />.gfg-listentry {<br /><br />line-height : 1.5em;<br /><br />overflow : hidden;<br /><br />white-space : nowrap;<br /><br />text-overflow : ellipsis;<br /><br />-o-text-overflow : ellipsis;<br /><br />padding-left : 15px;<br /><br />padding-right : 5px;<br /><br />margin-left : 5px;<br /><br />margin-right : 5px;<br /><br />}<br /><br /><br /><br />.gfg-listentry-odd {<br /><br />background-color : #F6F6F6;<br /><br />}<br /><br /><br /><br />.gfg-listentry-even {<br /><br />}<br /><br /><br /><br />.gfg-listentry-highlight {<br /><br />background-image : url('garrow.gif');<br /><br />background-repeat: no-repeat;<br /><br />background-position : center left;<br /><br />}<br /><br /><br /><br />/*<br /><br />* FeedControl customizations.<br /><br />*/<br /><br /><br /><br />.gfg-root .gfg-entry .gf-result .gf-title {<br /><br />font-size: 24px;<br /><br />line-height : 1.2em;<br /><br />overflow : hidden;<br /><br />white-space : nowrap;<br /><br />text-overflow : ellipsis;<br /><br />-o-text-overflow : ellipsis;<br /><br />margin-bottom : 2px;<br /><br />}<br /><br /><br /><br />.gfg-root .gfg-entry .gf-result .gf-snippet {<br /><br />height : 3.8em;<br /><br />color: #000000;<br /><br />margin-top : 3px;<br /><br />}<br /><br /><br /><br />/*<br /><br />* Easy way to get horizontal mode, applicable via js options to gadget.<br /><br />*/<br /><br /><br /><br />.gfg-horizontal-container {<br /><br />position : relative;<br /><br />}<br /><br /><br /><br />.gfg-horizontal-root {<br /><br />height : 1.5em;<br /><br />_height : 100%;<br /><br />position : relative;<br /><br />white-space : nowrap;<br /><br />overflow : hidden;<br /><br />text-align : center;<br /><br />font-family: "Arial", sans-serif;<br /><br />font-size: 13px;<br /><br />border: 1px solid #AAAAAA;<br /><br />padding : 5px;<br /><br />margin-right : 80px;<br /><br />}<br /><br /><br /><br />.gfg-horizontal-root .gfg-title {<br /><br />font-weight : bold;<br /><br />background-color: #FFFFFF;<br /><br />line-height : 1.5em;<br /><br />overflow : hidden;<br /><br />white-space : nowrap;<br /><br />float : left;<br /><br />padding-left : 10px;<br /><br />padding-right : 12px;<br /><br />border-right: 1px solid #AAAAAA;<br /><br />}<br /><br /><br /><br />.gfg-horizontal-root .gfg-title a {<br /><br />color : #444444;<br /><br />text-decoration : none;<br /><br />}<br /><br /><br /><br />.gfg-horizontal-root .gfg-entry {<br /><br />width : auto;<br /><br />height : 1.5em;<br /><br />position : relative;<br /><br />overflow : hidden;<br /><br />text-align : left;<br /><br />margin-top : 0px;<br /><br />margin-left : 0px;<br /><br />padding-left : 10px;<br /><br />}<br /><br /><br /><br />/* To allow correct behavior for overlay */<br /><br />.gfg-horizontal-root .gfg-entry .gf-result {<br /><br />position : relative;<br /><br />background-color : white;<br /><br />width : 100%;<br /><br />height : 100%;<br /><br />line-height : 1.5em;<br /><br />overflow : hidden;<br /><br />white-space : nowrap;<br /><br />}<br /><br /><br /><br />.gfg-horizontal-root .gfg-list {<br /><br />display : none;<br /><br />}<br /><br /><br /><br />/*<br /><br />* FeedControl customizations.<br /><br />*/<br /><br /><br /><br />.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,<br /><br />.gfg-horizontal-root .gfg-entry .gf-result .gf-author {<br /><br />display : none;<br /><br />}<br /><br /><br /><br />.gfg-horizontal-root .gfg-entry .gf-result .gf-title {<br /><br />color: #0000cc;<br /><br />margin-right : 3px;<br /><br />float : left;<br /><br />}<br /><br /><br /><br />.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {<br /><br />float : left;<br /><br />}<br /><br /><br /><br />.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,<br /><br />.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {<br /><br />display : block;<br /><br />color: #AAAAAA;<br /><br />}<br /><br /><br /><br />.gfg-branding {<br /><br />white-space : nowrap;<br /><br />overflow : hidden;<br /><br />text-align : left;<br /><br />position : absolute;<br /><br />right : 0px;<br /><br />top : 0px;<br /><br />width : 80px;<br /><br />}<br /><br /><br /><br />.gfg-collapse-open, .gfg-collapse-closed {<br /><br />background-repeat : no-repeat;<br /><br />background-position : center;<br /><br />cursor : pointer;<br /><br />float : right;<br /><br />width : 17px;<br /><br />height : 20px;<br /><br />}<br /><br /><br /><br />.gfg-collapse-open {<br /><br />background-image : url('arrow_open.gif');<br /><br />}<br /><br /><br /><br />.gfg-collapse-closed {<br /><br />background-image : url('arrow_close.gif');<br /><br />}<br /><br /><br /><br />.gfg-collapse-href {<br /><br />float : left;<br /><br />}<br /><br /><br /><br />.clearFloat {<br /><br />clear : both;<br /><br />}<br /><br />#feedGadget {<br /><br />margin-top : 5px;<br /><br />margin-left: auto;<br /><br />margin-right: auto;<br /><br />width : 520px;<br /><br />font-size: 10px;<br /><br />color: #9CADD0;<br /><br />}<br /><br /></style><br /><br /><noscript><a href="http://anshuldudeja.blogspot.com" target="_blank">Blogger Hacks</a></noscript><br /><br /><script src="http://www.google.com/jsapi/?key=internal-sample" type="text/javascript"></script><br /><br /><script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script><br /><br /><br /><br /><script type="text/javascript"><br /><br /><br /><br />function showGadget() {<br /><br />var feeds = [<br /><br />{title:'title',<br /><br />url:'http://www.TUBLOG.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'},<br /><br /><br /><br />];<br /><br /><br /><br />new GFdynamicFeedControl(feeds, 'feedGadget',<br /><br />{numResults : 1000, stacked : true,<br /><br />title: "Entradas destacadas"});<br /><br />}<br /><br />google.load("feeds", "1");<br /><br />google.setOnLoadCallback(showGadget);<br /><br /></script><br /><br /><noscript><a href="http://bibliotutos.blogspot.com/" target="_blank">Bibliotutos</a></noscript><br /><br /><div id="feedGadget">Cargando...</div><br /><br />

Sustituye donde dice TUBLOG por el nombre de tu blog y luego pon a tu gusto el nombre de este gadget en Entradas destacadas. Si deseas modificar el tamaño, cámbialo en donde dice 520px.

Código extraído de anshuldudeja.com

Messenger en tu blog.

Como poner Messenger en el blog.

Es una realidad que Messenger es el cliente líder en mensajería instantánea, por lo que su uso es sumamente importante a la hora de querer estar comunicados.
Es por ello que muchos bloggers desean tener comunicación con sus lectores vía Messenger, ya sea para dar asesorías, responder preguntas o simplemente conversar.
Así que vamos a poner el Messenger en el blog para que puedas estar siempre en contacto con tus lectores.


-Primero inicia sesión en Windows Live Messenger e ingresa a la Configuración web.
-Marca la casilla: Permitir que los usuarios de sitios web vean mi estado y me envíen mensajes.
-Guarda los cambios y selecciona la pestaña Crear HTML.
-A continuación selecciona una opción, puedes elegir tener la ventana del Messenger incrustada o un botón que permita abrir una ventana emergente con el Messenger. La opción tres no la selecciones ya que falla mucho para actualizar el estado.
-Ya que has elegido la opción que más te guste copia el código HTML que se encuentra abajo.
-Ahora entra a Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y pega el código anterior.

Listo, podrás tener tu Messenger en tu blog; tus lectores podrán platicar contigo desde tu blog y tú podrás hacerlo desde el Messenger de tu computadora. Siempre que estés conectado tus lectores podrán ver en tu página que te encuentras en línea y podrán charlar contigo. No es necesario que ellos estén en tu lista de contactos, aun así podrán comunicarse contigo, incluso podrán conversar contigo de forma anónima si lo desean.
Por otra parte, los datos del usuario no se quedan registrados por lo que es una forma segura de iniciar sesión, además de que ningún otro lector que se encuentre en el blog podrá leer la conversación de los demás, excepto la que él mantenga contigo.


NOTA:Si eliges la ventana de mensajería instantánea, verás que abajo puedes elegir el color del gadget y las medidas de la ventana, sólo ingresa los valores correspondientes. Por defecto está en 300 x 300 px, pero esta medida generalmente es muy grande para la sidebar.

Frases aleatorias para tu Blog.

Script de frases aleatorias.

Este es un script sencillo que permite poner frases aleatorias en el blog, puede usarse para poner mensajes de bienvenida, recordatorios, citas célebres o lo que se te ocurra. La frase cambia cada que se recarga la página y los mensajes se distribuyen al azar.

Para ponerlo en tu blog, entra a Diseño > Elementos de la página > Añadir gadget > HTML/Javascript y ahí pega esto:

<script language="JavaScript"> frases = new Array() frases[0] = "Aqui va la Frase1" frases[1] = "Aqui va la Frase2" frases[2] = "Aqui va la Frase3" frases[3] = "Aqui va la Frase4" frases[4] = "Aqui va la Frase5" frases[5] = "Aqui va la Frase6" aleatorio = Math.random() * (frases.length) aleatorio = Math.floor(aleatorio) document.write(frases[aleatorio]) </script><br />

Sólo cambia lo que dice "Aqui va la frase" por las frases que vayas a utilizar, puedes agregar más frases, sólo repite esa línea las veces que quieras.

Las frases aparecen al azar por lo que el orden de aparición siempre será distinto cada que se entre a la página.
Una vez que lo pongas presiona F5 para recargar el blog y ver una frase distinta.

Visualizar documentos en tu web.

iPaper, es un servicio online basado en flash que nos permite visualizar directamente documentos PDF, Power Point, Word, Excel, etc.., para utilizar el servicio debemos registrarnos, y luego tenemos la posibilidad de agregar el vídeo de nuestro documento realizado en flash a nuestra web, su uso es muy sencillo, si queremos mostrar algún documento en word o excel solo basta con dar clic en el icono de documento y se abrirá directamente online si necesidad de abrir word o excel para visualizarlo.

Crear una encuesta rapida para tu web.

Muy fácil y rapido, con Free Website Polls ni siquiera necesitas registrarte, basta con entrar en la página y elegir la pregunta que deseas formular, darle clic a "Continue" y poner las posibles respuestas para obtener el codigo HTML necesario para agregarlo a tu blog o web.

Reproductor de MP3.

Navegando por la red me encontré con un reproductor de música mp3 en formato flash que me pareció muy bueno el diseño.


Este reproductor al igual que el Dewplayer es muy útil para agregar audio a nuestros posts o para agregar música de fondo al blog.


Hay tres versiones de este reproductor, la normal, maxi y multi.
Para usarlo debes tener tu música en formato mp3 subida en Internet, ya que la tengas lista, entra a Diseño > Elementos de la página > Añadir un gadget, selecciona HTML/Javascript y ahí pega el código del reproductor que te guste:

Version normal:
<img src="http://www.blogger.com/img/object_element.gif" style="height: 20px; width: 200px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_0" data-original-id="BLOGGER_object_0" /><br />

Version Maxi:
<img src="http://www.blogger.com/img/object_element.gif" style="height: 20px; width: 200px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_1" data-original-id="BLOGGER_object_1" /><br />

Version multi:
<img src="http://www.blogger.com/img/object_element.gif" style="height: 100px; width: 200px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_2" data-original-id="BLOGGER_object_2" />

Sólo hay que editar donde dice URL de la canción , debes poner la URL en formato mp3 teniendo en cuenta que el http:// no se pone, pues el código ya lo tiene como http%3A//

Si quisieras que el audio se reproduzca automáticamente entonces al final de la URL agrega esto:

&autoplay=1

Quedaría así:
http%3A//mimusica.com/cancion.mp3&autoplay=1

En la versión multi para agregar más canciones hay que agregar al final de cada URL lo siguiente más la URL de la canción:

|http%3A//

Por ejemplo:
http%3A//URL de la canción UNO.mp3|http%3A//URL de la canción DOS.mp3|http%3A//URL de la canción TRES.mp3


El reproductor es muy sencillo, útil y funciona con todos los navegadores de Internet. Si quisieras cambiar los colores del reproductor, botones o incluso agregarle una imagen de fondo puedes hacerlo directo en la página del reprodcutor, sólo haz los cambios que quieras y copia el código que pegarás en tu blog.

Saludo que indica las veces y la última vez que has visitado la página.

Es un saludo personalizado. Donde, al entrar en tu web, sale una ventanita donde le pregunta el nombre al visitante (¿Cómo te llamas?) Y en cualquier lugar de tu página, saldrá esto:

Hola nombre. Usted ha estado en esta página XX veces. La última vez que nos visitó fue día, mes fecha at año.

Pueden modificar lo siguiente (cursiva o itálica), pero no recomiendo modifiar nada:

+ ¿Cómo te llamas? - */ Edita aquí, si quieres, la pregunta inicial /*
+ Hola " + Who() + ". Usted ha estado en esta página " + Count() + " veces. La última vez que nos visitó fue " + When() +" - */ Edita aquí, si quieres, la oración (menos las partes en negrita (boldeadas) /*

Coloca el código donde quieras que aparezca la frase completa.

<script LANGUAGE="JavaScript"> var expDays = 30; var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000)); function Who(info){ var VisitorName = GetCookie('VisitorName') if (VisitorName == null) { VisitorName = prompt("¿Cómo te llamas?"); SetCookie ('VisitorName', VisitorName, exp); } return VisitorName; } function When(info){ var rightNow = new Date() var WWHTime = 0; WWHTime = GetCookie('WWhenH') WWHTime = WWHTime * 1 var lastHereFormatting = new Date(WWHTime); var intLastVisit = (lastHereFormatting.getYear() * 10000)+(lastHereFormatting.getMonth() * 100) + lastHereFormatting.getDate() var lastHereInDateFormat = "" + lastHereFormatting; var dayOfWeek = lastHereInDateFormat.substring(0,3) var dateMonth = lastHereInDateFormat.substring(4,11) var timeOfDay = lastHereInDateFormat.substring(11,16) var year = lastHereInDateFormat.substring(23,25) var WWHText = dayOfWeek + ", " + dateMonth + " at " + timeOfDay SetCookie ("WWhenH", rightNow.getTime(), exp) return WWHText } function Count(info){ var WWHCount = GetCookie('WWHCount') if (WWHCount == null) { WWHCount = 0; } else{ WWHCount++; } SetCookie ('WWHCount', WWHCount, exp); return WWHCount; } function set(){ VisitorName = prompt("¿Cómo te llamas?"); SetCookie ('VisitorName', VisitorName, exp); SetCookie ('WWHCount', 0, exp); SetCookie ('WWhenH', 0, exp); document.location="http://www.terra.es/personal8/webtrucos"; } function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : ""); } function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString(); } </script><br /> <basetarget="leftframe"><br /> <br /> <table BGCOLOR="#ffffff" link="#CC0033" vlink="#333399" alink="#FF0000" WIDTH="96%" BORDER="0" CELLSPACING="5" CELLPADDING="5"><tr> <script LANGUAGE="JavaScript"> document.write("Hola " + Who() + ". Usted ha estado en esta página " + Count() + " veces. la última vez que nos visitó fue " + When() +"."); </script> </tr> </table>

Pedir nick y contraseña.

Aqui les dejo el codigo que les permitira pedir el nombre de usuario o nick y la contraseña a los visitantes de su pagina:
<script language="JavaScript"> <!-- var username = prompt("Introduce Nombre Usuario","") var password = prompt("Introduce el Password","") if (username !=" nick " || password !=" contraseña ") { top.location="about:Bad Username and/or Password" } //--> </script>
Pueden modificar a su gusto las palabras, "nick" y "contraseña".