Directory — Web Design — Blog Details for "Aprende a Crear tu propia Pagina web - Codigos y R"

Aprende a Crear tu propia Pagina web - Codigos y R

Aprende a Crear tu propia Pagina web - Codigos y R
Aprende a crear facilmente tu pagina web y encuentra los mejores codigos y recursos para webmaster. Reproductores de musica, relojes, contadores, usuarios online, alta en buscadores, y mucho mas!

RSS Feed Homepage

Articles: 1, 2, 3

Articles

Reproductor de música para tu web, Hi5, myspace
2007-09-02 06:22:00
Esta es otra manera más sencilla para crear tu propio reproductor de musica para tu sitio web, hi5, myspace, spaces.live, etc. Anteriormente lo intentemos con Proyectplaylist, un buen sistema de reproductores de musica pero en ingles y no funciona con Hi5, tambien lo hicimos con Imeem que si funciona con hi5, myspace, blogger y cualquier sitio, pero el problema que tenía es que algunas canciones solo tocaban 30 segundos.Ahora te explico a crear tu reproductor de musica en flash con playlist de una forma más simple. Si sigues los pasos al tendrás un reproductor como este:PASO 1: Subir las canciones a un hosting de mp3 gratis.Para eso la mejor alternativa que encontre y la única que te da el link directo al archivo mp3 es minorcrisis.net, puedes subir tu mp3 sin siquiera estar registrado, aunque te recomiendo hacerlo para no perder el tiempo subiendo tu mismo la canción que talvez ya este alojada en el servidor.Si estas registrado vas a la caja de busqueda y pones el titulo de la canc...
More About: Myspace

Pide un codigo o recurso para tu Web
2007-08-30 07:25:00
Solo eso, si necesitas algún codigo, recurso, algo no te resulto, no sabes crear un enlace mediante HTML, poner una imágen, insertar un reproductor de musica... Cualquier cosa que necesites, pidela!Solo haz clic arriba en "contacto" y haré lo que pueda por ayudarte ^^http://creaweb.blogspot.com/feeds/posts /default?alt=rss
More About: Pide , Para

Insertar chat en flash en tu pagina web
2007-08-23 10:06:00
Un chat en flash muy vistoso para tu pagina web y demas espacios en internet, como hi5, blogger, myspace, etc. es el que ofrece xatech, puedes ver un ejemplo aquí.Es tan simple como ir a xatech haciendo clic aquí, eliges el fondo para tu chat, copias el codigo y lo pegas en edicion HTML de tu pagina web. Para agregarlo a hi5, myspace u otros solo haces clic en el icono que los representa ( Post to my [Hi5, myspace, blogger..., etc] profile), pones tus datos y eliges la categoria (section) donde quieras insertarlo y haces clic en "post".Eso es todo ^^salu2!http://creaweb.blogspot.com/feeds /posts/default?alt=rss
More About: Chat , Flash

Insertar el tiempo en tu pagina web
2007-08-18 09:36:00
Si estas buscando insertar el clima y pronostico metereologico de tu ciudad en tu pagina web, la solucion esta en mi@rroba, puedes bucar el tiempo en más de 35.000 ciudades, ¿Cómo no va a estar la tuya?.Quedaría algo asi:Para buscar tu ciudad haz clic Aqui.Ingresas tu ciudad en el buscador, eliges la correcta y haces clic en "El tiempo en tu web". Lo demás es fácil: Eliges el tamaño del cuadro del tiempo, el color, y lo demás puedes dejarlo como está.Wscribir el codigo de seguridad y haces clic en "Generar Codigo".El código generado lo pegas en edicion HTML de tu pagina web y eso es todo.Salu2!http://creaweb.blogspot.com/fe eds/posts/default?alt=rss
More About: Tiempo

Scroll para noticias vertical
2007-08-10 06:23:00
A pedido de Edwin Cano, un scroll para noticias en javascript muy bueno y fácil de configurar, ideal para mostrar novedades y noticias sobre un tema en especial con un enlace de más informacion. Puedes ver un ejemplo aquí.Paso 1: Configurar el codigo 1.Lo primero que tienes que hacer es configurar el codigo 1 (el de más abajo) y pegarlo antes de <head> en vista HTML de tu pagina web. (No puedo ponerlo en un textarea porque blogger lo desordena todo y lo pongo al final porque es muy largo ^^)Lo que puedes configurar esta todo descrito a la derecha de las variables.El codigo tiene para 7 noticias, tu puedes agregarle más de la siguiente forma:noticias[8]= new noticia("Titulo noticia","","texto...","http://enlace/"," _self")noticias[9]= new noticia("Titulo noticia","","texto...","http://enlace/"," _blank")Como ves simplemente le agregamos otra linea y le ponemos el numero siguiente, recuerda que son 4 "comillas" y separando cada una con una coma ("","","","")._blank: el enlace s...
More About: Para , Vertical , Vert

Fecha actualizada automaticamente con Javascript
2007-08-06 01:12:00
El resultado del siguiente codigo en Javascript sera la fecha en formato de texto de la siguiente forma: "Viernes, 5 de Agosto de 2007", que se actualizará automaticamente cada dia.Primero debes insertar el Codigo 1 antes de </head> en edicion HTML de tu página web.El codigo 2 lo insertas en el body de tu pagina, donde quieras que aparezca la fecha.Codigo 1:<script language="Javascript">var muestra;function makeArray(n){this.length = n;for (i=1;i<=n;i++){this[i]=0;}return this;}function Muestrafecha() { var meses = new makeArray(12);meses[0] = "Enero";meses[1] = "Febrero";meses[2] = "Marzo";meses[3] = "Abril";meses[4] = "Mayo";meses[5] = "Junio";meses[6] = "Julio";meses[7] = "Agosto";meses[8] = "Septiembre";meses[9] = "Octubre";meses[10] = "Noviembre";meses[11] = "Deciembre"; var dias_de_la_semana = new makeArray(7);dias_de_la_semana[0] = "Domingo";dias_de_la_semana[1] = "Lunes";dias_de_la_semana[2] = "Martes";dias_de_la_semana[3] = "Miércoles";dias_de_la_semana[4] = ...
More About: Amen

Nuestro propio icono en la barra de direcciones
2007-07-26 08:55:00
Muchas webs tienen un icono que los representa en la barra de direcciones al lado izquierdo y que al agregarlos a favoritos tambien aparece lo que los hace recordables a la hora de buscarlos.Si tambien quieres poner uno en tu web y no sabes como, La solucion es muy sencilla.Para empezar debes crear una imagen de ancho y alto del mismo tamaño, por ejemplo 80x80 pixeles en formato gif o jpg.Luego debes convertir esa imagen en icono (.ico) de 32x32 o 16x16 pixeles, para ello vamos a recurrir a una pagina convertidora: Chami.comDas clic en examinar, buscas la imagen que deseas convertir a icono en tu pc y haces clic en "Generate FavIcon.ico".Luego de convertirla la bajas a tu pc, haciendo clic en "Download FavIcon", y luego la descomprimes.Verás 4 archivos, el que necesitamos es el "favicon.ico".Lo subes a un servidor, por ejemplo, Geocities.Recuerda que no es una imagen por lo tanto no podrás subirla a ImageShack o otros sitios alojadores de imagenes.Insertar el Código.Editas tu web en...
More About: Imagenes , Barra , Dire , Prop

Enlace de "Agregar a Favoritos" en tu Web
2007-06-24 02:31:00
Con este código puedes ofrecer a tus visitantes la posibilidad de agregar tu página a sus favoritos (Marcadores) automaticamente al hacer clic en el enlace. Funciona en Firefox e iexplorer.Copia y pega este código antes de </head> en Edicion HTML de tu página web. (No edites nada)<SCRIPT type='text/javascript'> function AgregarFavor itos(Titulo,URL) { if (navigator.appName=='Netscape') { window.sidebar.addPanel(Titulo,URL,''); } if (navigator.appName=='Microsoft Internet Explorer'){ window.external.AddFavorite(URL,Titulo); } } </SCRIPT>y Luego, editamos este segundo código:<a href='javascript:void(0);' onClick='AgregarFavoritos("CreandoWeb", "http://creandoweb.cl.nu/")'>Agregar a favoritos</a>Donde dice CreandoWeb pones el titulo que quieres que aparezca en los favoritos. (Fijate que tenga las comillas a cada lado).La direccion de tu pagina la cambias en creandoweb.cl.nu. Tambien puedes cambiar el texto "agregar a favoritos" por el que quiera...
More About: Greg

Cuenta Regresiva con dias, horas, minutos y segundos.
2007-06-22 04:37:00
Aqui te dejo dos opciones de cuentas regresiva para tu pagina web. La primera es de geocities, y la segunda es un texto editable que se actualiza cada segundo (Se ve mucho mejor ^^).Ejemplos de Cuenta regresiva:1.- Cuenta atras de Geocities2.- Cuenta atras de texto1.- Cuenta regresiva de GeocitiesPara crearte la cuenta regresiva de geocities, haz clic aquiEliges el texto y la fecha de termino de la cuenta atras y genera el codigo automaticamente.Ese codigo lo debes pegar en donde quieras que aparezca la imágen. Ten en cuenta que no puedes modificar la imágen del contador, por lo tanto no puedes sacarle los enlaces :(2.- Cuenta atras de TextoEsta ya es un poco más compleja de editar.Primero: Copia el siguiente código en un editor de texto como bloc de notas para editarlo.<script type="text/javascript" language="JavaScript">var futuro = new Date (2008,1,0,0,0);var actualiza = 1000;function faltan(){ var ahora = new Date();var faltan = futuro - ahora;if (faltan > 0){ var segu...
More About: Siva

. Aparte: concurso ipod nano
2007-06-17 22:39:00
En el mejor weblog de gadgets, internet y software que leo siempre por sus interesantes artículos y divertidas curiosidades, Jp-geek, se esta realizando el concurso para ganar un ipod nano más choriflai de todos xDLa cuestión es que estoy concursando y como me lo esperaba voy ultimo (yo soy Ignacio jojo) en la carrera por ese preciado ipod :(Por eso necesito tu ayuda! Si! tu me puedes ayudar!! lo se, lo se, tu vienes llegando de Google o algún directorio y sin conocernos ya te estoy pidiendo ayuda... jeje tomalo como una ayuda mutua, yo te doy algún código o recurso que necesites y tu me das tu apoyo :)Haz un clic en cualquier enlace a Jp y te lo agradeceré un montón. Solo te tomará un segundo ^^ y estoy seguro que te harás un fan más de su weblog como yo.Si también quieres participar, no lo dudes y haz un clic aquí para más info.Saludos y gracias!http://creaweb.blogspot.com/feeds /posts/default?alt=rss
More About: Ipod , Ipod nano , Nano

Reproductor de Musica con Playlist para Hi5
2007-06-17 01:04:00
Ahora explico como puedes crear un reproductor con imeem, ya que proyectplaylist no funciona con hi5, como muchos se dieron cuenta. Imeem sirve tanto para Hi5 como para myspace, blogger, wordpress... en fin, para todo. Tu eliges cual usar ^^Con imeem incluso puedes crear listas de reproduccion de videos.El reproductor que obtendrás será este:Lo "malo" es que no puedes elegir otro tipo de reproductor, ese color es el unico que puedes usar, Pero eso ya es algo menor :)PrimeroNos Registramos desde AquiAl final te aparecera esto:Ahi es donde eliges la dirección de tu perfil, algo parecido a hi5. No te servira mucho a menos que pienses cambiarte de hi5 a imeem, aunque lo dudo porque esta en Ingles. jejeDespues de registrarte empiezas a buscar la musica en la caja de busqueda que aparece arriba a la derecha, en el menu desplegable seleccionas "Musica " y buscas por el autor o titulo de la canción.De la lista eliges la cancion que quieres y haces clic en su titulo para escucharla.Para agreg...
More About: Media , Playlist

Ganar dinero con tu sitio web - Adsense de Google
2007-06-16 04:50:00
¿Qué es Adsense de Googl e ?Es un servicio de publicidad que pone a disposición de todo el mundo (poseedor de una página web, foro, blog...) la posibilidad de recibir ingresos a cambio de colocar una publicidad altamente controlable en dicho sitio web, blog, etc.Además, antes de darse de alta se debe saber que su página web no puede tener contenido ilegal o pornográfico, el autor debe de ser mayor de 18 años (o un tutor mayor que asuma las responsabilidades y reciba los pagos) y el idioma utilizado en la página sea el español, inglés u otros idiomas de ésta lista (actualmente no se permiten idiomas como el catalán, gallego, etc..).Para Empezar.Darse de alta en este servicio es muy sencillo, sólo hay que ingresar en Adsense y seguir los siguientes pasos que detallaré minuciosamente.En Recomendados, haz clic para Registrarte en Adsense de Google ?Entras y Pulsas el botón que está justo debajo de ¡Empezar es fácil!Nos aparecerá un formulario para rellenar con nuestros datos. En Informaci...
More About: Dinero

Ganar dinero con tu sitio web - Adsense de Google
2007-06-16 04:50:00
¿Qué es Adsense de Google ?Es un servicio de publicidad que pone a disposición de todo el mundo (poseedor de una página web, foro, blog...) la posibilidad de recibir ingresos a cambio de colocar una publicidad altamente controlable en dicho sitio web, blog, etc.Además, antes de darse de alta se debe saber que su página web no puede tener contenido ilegal o pornográfico, el autor debe de ser mayor de 18 años (o un tutor mayor que asuma las responsabilidades y reciba los pagos) y el idioma utilizado en la página sea el español, inglés u otros idiomas de ésta lista (actualmente no se permiten idiomas como el catalán, gallego, etc..).Para Empezar.Darse de alta en este servicio es muy sencillo, sólo hay que ingresar en Adsense y seguir los siguientes pasos que detallaré minuciosamente.Haz Clic en el Boton de esquina Superior Derecha para Registrarte en Adsense de Google ??Entras y Pulsas el botón que está justo debajo de ¡Empezar es fácil!Nos aparecerá un formulario para rellenar con nues...
More About: Dinero , Ense , Gana

Texto en movimiento en Titulo y barra de estado
2007-06-11 08:32:00
Aqui unos buenos codigos para hacer que el titulo se mueva de diferentes formas, al igual que la barra de estado, donde ademas del movimiento, un codigo para mostrar varios mensajes en ella.Movimiento en el Titulo de la PaginaCodigo 1. De derecha a izquierda - (Mira el ejemplo)Pegalo dentro de las etiquetas <HEAD> y </HEAD>Nota: Solo puedes editar lo que esta en Rojo!<script type="text/JavaScript">var repeat=1 //enter 0 to not repeat scrolling after 1 run, othersise, enter 1var title=document.titlevar leng=title.lengthvar start=1function titlemove() {titl=title.substring(start, leng) + title.substring(0, start)document.title=titlstart++if (start==leng+1) {start=0if (repeat==0)return}setTimeout("titlemove() ",150)}if (document.title)titlemove()</script> ;----------------------------------setTim eout("titlemove()",150), esta línea se refiere a la velocidad del movimiento del titulo.Lo mas probable es que cuando se mueva el titulo se junte el final con el inicio del...
More About: Estado , Barra

Reproductor de Musica con Lista de Canciones - PlayList
2007-06-02 08:36:00
Muchas páginas ofrecen el servicio de crear tu propia playlist, y lo haremos con su ayuda. Porque el metodo largo (Subir todas las canciones y luego modificar el codigo del reproductor para recien poder insertarlo) es innecesariamente aburrido y trabajoso.Este Reproductior de Muisca con Playlist te servira para tu pagina web, blog, hi5, myspace, o cualquier otro sitio.Las más simples que encontre son Imeem y ProjectPlaylist (ambas en Ingles), pero te enseñaré a usar la segunda, con la que obtendrás un reproductor mas o menos asi:1º Nos Registramos desde Aqui (Si no te sabes el ZipCode, Lo inventas :P)2º Nos Logeamos desde "My account"3º Vamos a "Search for Music"4º Buscamos por el titulo o autor de las canciones que queremos. Si no la encuentras das clic en "Click here if you can't find what you are looking for!". Subes la cancion a tu Hosting y escribes su dirección.Cuando ya encuentres la canción, Haces Clic en el signo + , y luego en "It works! Add it to my playlist"Nota: Recomi...
More About: Media , Musica , Canciones , Lista

Reproductor de Musica con Playlist para Myspace, blogger, etc
2007-06-02 08:36:00
Muchas páginas ofrecen el servicio de crear tu propia playlist de musica, y lo haremos con su ayuda. Porque el metodo largo (Subir todas las canciones y luego modificar el codigo del reproductor para recien poder insertarlo) es innecesariamente aburrido y trabajoso.Este Reproductior de Musica con Playlist te servira para tu pagina web, blog, hi5, myspace, o cualquier otro sitio que acepte HTML. Las mayores "virtudes" de estos reproductores es que tienen la opcion de Reproduccion automatica (autostart) y la música la buscas en la misma web sin tener que subir canción por canción a tu servidor.Las más simples que encontre son Imeem y ProjectPlaylist (ambas en Ingles), pero te enseñaré a usar la segunda, con la que obtendrás un reproductor mas o menos asi:[ACTUALIZADO]: Proyectplaylist no funciona con Hi5. Si Usas Hi5 Lee Aqui.1º Nos Registramos desde Aqui (Si no te sabes el ZipCode, Lo inventas :P)2º Nos Logeamos desde "My account"3º Vamos a "Search for Music"4º Buscamos por el titulo...
More About: Media , Blogger , Myspace

Busqueda de Google en tu Pagina Web
2007-06-01 05:52:00
"Buscar en Googl e " en tu Pagina webPara ofrecerles a tus visitas una caja de busqueda google dentro de tu página web, Copia y pega el siguiente Codigo donde quieras que aparezca, en "Vista HTML" de tu editor.<center><FORM method=GET action="http://www.google.com/search"> <TABLE bgcolor="#FFFFFF"><tr><td> <INPUT TYPE=text name=q size=31 maxlength=255 value=""><INPUT TYPE=hidden name=hl value=es><INPUT type=submit name=btnG VALUE="Búsqueda Google"></td></tr></TAB LE></FORM></center>Donde Editar1. En que Google Buscar: Si lo dejas como esta, buscará en Google.com (En cada país las busquedas son distintas), para cambiarlo por el que estimes conveniente cambia la parte de .com por el que desees.Ej: <FORM method=GET action="http://www.google.cl/search">T ambien cambialo en la linea que viene, para que al hacer clic en el logo, te mande al Google que e...

La Hora en tu web o blog: Poner un Reloj Gratis
2007-05-30 03:47:00
Si quieres que tus visitantes vean la hora de su pais o la de uno en especifico en tu web en vistosos relojes, aqui esta la solución.Reloj según la Hora del país de la visita.Con estos relojes tus visitas podrán ver la hora de su propio país desde tu web, es decir, la hora que muestra su barra de tareas.Para este tipo de relojes está RelojesFlash.com. Una entre muchas otras páginas que puedes encontrar en Google.Tienen una gran variedad de Diseños donde podrás elegir el que más le venga al estilo de tu página web. Debes copiar el codigo que te brindan en "Vista HTML" en tu editor, según donde quieras ponerlo.Reloj muestra la Hora del país que elijas.Estos relojes muestran la hora de un lugar en especificio, ideal si tu web requiere de horarios y tiene visitas de todas partes del mundo.Ponle Horarios a tus visitas ahora mismo!Gracias a Clicklink disponemos de Ésta amplia Galeriadonde podemos elegir entre una gran variedad de relojes, buenos diseños y muy variados. Incluso puedes eleg...
More About: Blog , Gratis

Marquesina: Texto que se mueve de una Lado a otro
2007-05-25 08:11:00
Texto en movimientoCon esta marquesina verás un texto moverse de un lado a otro sin parar, muy útil si quieres dar informaciones o la bienvenida a tu web.Ejemplo:~ Bienvenido a CreandoWeb! ~ Para ver los codigos haz clic en [+Leer Todo+]~ Codigo:<b><font color="#FFFFFF" face="Verdana" size="2"><marquee width="280" scrollamount="5" bgcolor="#ffffff">Texto aquí</marquee></font></b&g t;En "face" Eliges la fuente Ej: arial, times new roman.En "color" Eliges el color de fuenteEn "size" el tamaño de la fuenteEn "width" El Ancho de la marquesinaEn "scrollamount" la velocidad del movimientoEn "bgcolor" el color de fondoy "Texto aquí" lo reemplazas por el texto que se moveráPara que el texto Rebote en cada Lado:~ Si tienes Dudas, Preguntalas Comentando! ~Solo agregamos al Tag Marquee el Atributo "behavior" y le asignamos "alternate"Quedaría asi:<b><font color="#FFFFFF" face="Verdana" size="2"><marquee width="280" scrollamount="5" bgcolor="#fffff...
More About: Marques

Bloquear botón derecho del ratón y Cambiar cursor
2007-05-24 01:42:00
Bloquar boton secundario del mouseEste código te servirá para evitar que usen el botón derecho del raton en tu página web, por lo tanto no podrán copiar ni seleccionar.Pegalo en Vista HTML en tu página web (Entre <html> y </html>)Cambiar el Cursor (puntero del ratón) en tu pagina webCodigo General:Ahora debes hacer lo siguientePara que funcione debes subir tus cursores al hosting donde tienes tus páginas y a este código le cambias la dirección por la del cursor tuyo. (Busca en google por Descargar cursores .cur)Ejemplo:Si tu cursor se llama cursor.cur y lo tienes en la carpeta llamada miscursores y tu web se llama www.tupagina.com, entonces la ruta sería esta:http://wwww.tuapagina.com/miscursore s/cursor.curque en el código quedaría así. Por lo tanto este ? es el código que deberías insertar en tu web.Nota: Solo es un ejemplo! debes seguir los pasos para tener tu código.Nota: Solo es un ejemplo! debes seguir los pasos para tener tu código.Cuando ya hayas subido el curso...
More About: Derecho

More articles from this author:
1, 2, 3