CreaWeb: Códigos y Recursos para Blogs y Sitios Web. Tutoriales y Guías para Páginas Web.

Si quieres una página web simple y gratis para tu emprendimiento o negocio (por ejemplo, para ponerla en tu perfil de instagram), no requerirás más de 5 minutos para realizarla con Site123. Se trata de un generador de sitios web automático, con opciones de personalización muy simples, que no requieren ningún conocimiento previo.

Sólo debes ingresar al sitio de Site123, clickear "comience aquí", elegir la categoría de tu página web y darle un nombre. Listo! Ya tienes tu página web automáticamente, ahora solo debes darle unos retoques y cambiar la información por la tuya.

Site123 te entregará un enlace para que puedas compartir tu sitio con el mundo. Además, te da la opción de pagar por un dominio personalizado (tunombre.com).

Pero si sólo quieres tener un sitio web para tu perfil de instagram, te recomiendo acortar la URL que te entrega site123 en un sitio como n9.cl o bit.ly

>> Leer Todo

Descargar videos de YouTube siempre ha sido un problema, debido a que la plataforma acostumbra a bloquear las aplicaciones o extensiones para bajar los videos.

>> Leer Todo

Cuando necesitas comprar un producto específico, generalmente buscas en la página de tu tienda favorita (Falabella, Paris, Ripley) y compras el más barato que encuentras en la lista de resultados, pero no cotizas en todas las demás, porque son muchas.

>> Leer Todo

Una tarjeta Pop Up es una bonita sorpresa para regalarle a la mamá este día

>> Leer Todo

Minecraft, el juego de exploración y construcción de bloques por excelencia, es una buena idea a la hora de compartir con tus amigos o familiares para jugar en linea debido a la cuarentena.
Un juego sencillo y didáctico que explota toda la creatividad de los niños, y con una música que relaja hasta al más inquieto.

Si tus amigos no están conectados a la misma red WIFI, por razones de cuarentena, no es posible usar el multijugador por LAN que incluye el juego, así que tendrás que crear un servidor no premium para lograrlo.

Registrate en Aternos

>> Leer Todo

La pandemia provocada por el Covid-19 ha provocado mucho miedo en la población, debido a la ola de noticias y la forma en que los medios cubren la noticia. A diario escuchamos a los periodistas provocar pánico y terror en la población, y pocas veces escuchamos palabras de aliento y esperanza.

Eso, sumado a la Cuarentena que se ha implementado en gran parte del mundo, puede provocarnos mucha ansiedad e inquietud mental. Es por eso que el equipo de la aplicación de meditación y relajación "Calm", ha liberado algunos de sus audios completamente gratis para ayudarnos a encontrar la paz en estos días de tormenta, y mediante la práctica de la meditación, bajar la ansiedad y el miedo.



Es recomendable escuchar estos audios en un lugar silencioso y sentado o acostado cómodamente, con el celular en silencio y sin distracciones.

Meditaciones relajantes: Ir a los Audios
Meditaciones para dormir: Ir a los Audios
Historias para dormir: Ir a los Audios
Música de Calm: Ir a los Audios
Sonidos de Naturaleza: Ir a los Audios
Niños Calm: Ir a los Audios

>> Leer Todo

En estos días difíciles de cuarentena por Coronavirus, es necesario mantener la mente ocupada, sobre todo de niños y adolescentes.
Es común verlos jugar juegos online como League of Legends o Fortine, pero al ser online y competitivos, sólo producen más estrés y poco aportan a la tranquilidad mental.

Es recomendable volver a lo clásico, juegos antiguos como Super Mario Bros, Super Mario World, o Legend of Zelda pueden ayudar a relajar la mente de manera entretenida, además de hacer funcionar la lógica y ayudar a reducir la ansiedad.

Aquí te dejo Emuladores para Super Nintendo y Nintendo 64 para descargar y Jugar. 

Emulador de Super Nintendo + Juegos
https://www.mediafire.com/file/m9x7pqn4041ok76/Super_Nintendo.rar/file

Emulador de Nintendo 64 + Juegos
https://www.mediafire.com/file/ycnyo9pkw9htqxt/Nintendo_64.rar/file 

Fácil y rápido.
Descargas, descomprimes las carpetas y comienzas a jugar.

Viene con los mejores juegos de cada consola, pero si quieres descargar más, puedes encontrar en https://romsmania.cc/roms/super-nintendo y https://romsmania.cc/roms/nintendo-64

Descomprimes los archivos y los dejas en la carpeta "Roms".

Que los disfrutes!

>> Leer Todo

Luego de largos años de ausencia, quería revivir el blog con uno de los temas más solicitados y que han quedado obsoletos en post anteriores: Radio online por streaming a través de Icecast2 (hermano de shoutcast) con Winamp y Edcast, con un servidor en linea en caster.fm.
En este tutorial aprenderás a crear tu propia radio online, entregándote las herramientas necesarias para transmitir audio desde tu micrófono y música desde tu reproductor Winamp, con una fácil inserción de un reproductor en tu sitio web o blog.

Ingredientes:

• Crear tu cuenta en caster.fm
• Descargar Winamp, edcast y lame_enc.dll, que los puedes encontrar aquí.
• Música en tu pc y un micrófono :)

Preparación:

Servidor caster.fm

• Luego de crear tu cuenta en caster.fm, te llegará un mail de confirmación. Debes ir y confirmarlo, para poder ingresar a tu cuenta. Una vez dentro, vamos al login de las cuentas gratis (Free account) y ingresamos los datos solicitados en "Radio details", donde todos los datos son requeridos. El único detalle aquí es que para llenar "page text" y "page sidebar text" pide bastantes caracteres, yo no tenía nada que escribir por lo que rellené con lorem ipsum (texto de relleno por decirlo así).
• Tu radio ya está lista para transmitir, ahora debes encenderla clickeando en "Start server".

Transmisión con Winamp

• Primero debes instalar Winamp y después Edcast. En la instalación del segundo, sólo presiona siguiente hasta instalarlo, sin marcar ninguna opción. Luego, necesitas instalar el encoder de lame, por lo que vas a la carpeta de Winamp (una ruta similar a C:\Program Files (x86)\Winamp ) y copias el archivo lame_enc.dll ahí.
• Abre Winamp y presiona Control + P simultáneamente. Se abrirá una ventana de opciones. Haz scroll y baja hasta encontrar en el menú izquierdo "DSP/efecto" y selecciona edcast DSP v3 como muestra la imágen:

• Se abrirá el programa en paralelo a Winamp. Debes configurarlo con los datos de tu servidor en caster.fm. Para eso, en edcast clickeamos "Add encoder" y le hacemos doble click para configurarlo.

• Recuerda dejar Icecast2 en "Server type" y MP3 Lame en "Encoder type", además de cambiar el "Mountpoint". Presionas Ok y luego Conectar (es recomendable marcar la opción "Autoconnect". Haz clic en el ícono del micrófono para seleccionarlo. En la sección transfer Rate debería marcar la velocidad de transferencia. Si no te conecta, revisa que los datos de conexión que configuraste sean iguales a los de tu servidor en caster.fm.
• En la sección "website" de caster.fm podrás encontrar el link a tu sitio de radio, con reproductor incluido. Si quieres añadir el reproductor flash a tu sitio web o blog, sólo debes ir a la sección "Widgets" y copiar el código del "Embedded player".

Y eso es todo, que tengas una buena radio y feliz año 2017 :)!

>> Leer Todo

Este efecto se activa al pasar el Mouse sobre la imágen y puede tener diferentes usos. Por ejemplo, puedes mostrar más información de un tema que representa a la imágen o también puede ser útil en un banner de publicidad.

Para agregarlo en Blogger, debes ir al diseño HTML de tu blog y buscar ]]> para insertar este código antes de esa linea: (Control + A para seleccionar todo)

.view { background-color:#FFFFFF; /* fondo borde */ border: 10px solid #FFFFFF; /* color borde */ box-shadow: 2px 3px 5px #696969; /* sombra borde */ cursor: default; float: left; height: 200px; /* alto de la imagen */ margin: 10px; overflow: hidden; position: relative; text-align: center; width: 250px; /* ancho de la imagen */ } .view .mask, .view .content { height: 200px; /* alto del contenido es el mismo que el de la imagen */ left: 0; overflow: hidden; position: absolute; top: 0; width: 250px; /* ancho del contenido es el mismo que de la imagen */ } .view img { display: block; position: relative; } .view h2 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); color: #FFFFFF; font-size: 17px; margin: 20px 0 0; padding: 10px; position: relative; text-align: center; text-transform: uppercase; } .view p { color: #FFFFFF; font-family: Georgia,serif; font-size: 12px; font-style: italic; padding: 10px 20px 20px; position: relative; text-align: center; } .view a.info { display: inline-block; padding: 7px 14px; text-decoration: none; text-transform: uppercase; } .view-third img { box-shadow: 0 0 1px #000000; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .view-third .mask { background-color: rgba(0,0,0,0.6); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translate(460px, -100px) rotate(180deg); -moz-transform: translate(460px, -100px) rotate(180deg); -o-transform: translate(460px, -100px) rotate(180deg); -ms-transform: translate(460px, -100px) rotate(180deg); transform: translate(460px, -100px) rotate(180deg); -webkit-transition: all 0.2s 0.4s ease-in-out; -moz-transition: all 0.2s 0.4s ease-in-out; -o-transition: all 0.2s 0.4s ease-in-out; -ms-transition: all 0.2s 0.4s ease-in-out; transition: all 0.2s 0.4s ease-in-out; } .view-third h2 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view-third p { -webkit-transform: translateX(300px) rotate(90deg); -moz-transform: translateX(300px) rotate(90deg); -o-transform: translateX(300px) rotate(90deg); -ms-transform: translateX(300px) rotate(90deg); transform: translateX(300px) rotate(90deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view-third a.info { -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view-third:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); } .view-third:hover h2 { background: none repeat scroll 0 0 #9C1813; /* Título */ border-top: 1px solid #000; /* color borde top título */ border-bottom: 1px solid #000; /* color borde bottom título */ text-shadow: 0px 1px 1px #111; /* sombra título */ -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; } .view-third:hover p { -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; } .view-third:hover a.info { background: none repeat scroll 0 0 #9C1813; /* color de fondo enlace leer más */ border: 1px solid #000; /* color borde enlace leer más */ color:#FFFFFF; /* color enlace leer más */ text-shadow: 0px 1px 1px #111; /* sombra enlace leer más */ -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; }

Para cada imágen que quieras añadir el efecto, debes usar el siguiente código y reemplazar lo que se indica:

<div class="view view-third"> <img src="http://LINk_DE_LA_IMAGEN" /> <div class="mask"> <h2>Título del Tema</h2> <p>Descripción</p> <a class="info" href="http://LINK_DEL_ENLACE">Más Información</a> </div> </div>

>> Leer Todo

Este widget es de gran utilidad para conocer la opinión de tus lectores acerca de tus entradas por medio de un sistema de votación de estrellas (estilo Youtube antiguo).
Además, te agrega un cuadro con las entradas relacionadas a tu post, pudiendo elegir entre texto o en cuadros con información, como muestra la imágen de arriba.

Para instalarlo, entra a Outbrain

Elige el tipo de recomendación: Texto o Miniatura (Thumbnail)
y Tipo de feedback: Estrellas, Manito arriba o nada.

Luego, eliges la plataforma de tu blog e idioma y haces clic en Instalar.
Si lo deseas te puedes registrar, pero es opcional.

>> Leer Todo