Crear formularios para Blogger

Dado los pedidos de muchos visitantes que preguntan como crear un formulario de contacto para Blogger, como el que se puede ver en contactar con Pczeros en el que se puede crear un mensaje que luego de pulsar el botón "enviar" este llega directamente al correo electrónico del destinatario.

Crear un formulario de cotacto así es muy sencillo y no necesitas saber programación ni ningún otro conocimiento extra, pues hay varias páginas que se dedican a crear este tipo de formularios y luego fascilitan un código para poder insertarlos en tu web.



El sitio en el que se creó el formulario que se puede ver en PCZEROS es EmailMeForm.com, pero hay otros sitios que realizan la misma tarea como foxyform.com, formsite.com o formlogix.com entre otros.

En cualquiera de ellos el prosedimiento es similar, aunque foxiform es el más sencillo de todos pues no es necesario registrarse en la web y los envíos y formularios son ilimitados, aunque no cuenta con muchas opciones de personalización de los mismos.
EmailMeForm y los otros sitios son muy completos, aunque tienen limitaciones en las versiones gratuitas por ejemplo de 100 envíos al mes, creación de 4 formularios como máximo, etc., ésto se debe a que estos sitios ofrecen además de la versión grutuita (limitada) un versión paga en la que estas limitaciones no existen.
Aunque si tu blog no tiene miles de visitas diarias, seguro que con 100 envíos al mes es más que suficiente.

No haremos un tutorial paso a paso de como crear los formularios, porque considero más enriquesedor que cada uno vaya probando las webs enlazadas y viendo las virtudes y contras de cada una y así poder elegir la que mejor se adapte a las necesidades de cada blog. Pero en todas ellas luego de configurar los campos del formulario se llega a un código que debes pegar en el lugar que quieres que se muestre el formulario, que puede se en la barra lateral (en un gadget) o bién en una nueva página como está en pczeros.

Esperando que la información sea de utilidad, les digo hata el próximo post!

Conoce las 3 tecnologías que cambiarán el futuro de internet

Desde sus humildes comienzos, internet ha cambiado dramáticamente. Hemos venido de sitios web HTML de texto plano sin imágenes a presencias web bien diseñadas llenas de contenido multimedia. Los que lo han visto desde el principio probablemente todavía no pueden creer el cambio en los últimos veinte años.

Desde entonces, decenas de tendencias de diseño web han llegado y se han ido y el aspecto de los sitios web ha cambiado con el tiempo, junto con las posibilidades de la tecnología moderna. Por ahora mucha funcionalidad y diseño de sitios web es altamente refinado.

Sin embargo, en los próximos años, veremos avances técnicos que aún se encuentran en sus primeras etapas. Tecnología que cambiará Internet y cómo la usaremos drásticamente. Como WordPress ahora representa una gran parte de la web , la plataforma también se verá afectada por estos cambios.

En este artículo, echaremos un vistazo a las tendencias tecnológicas que cambiarán la web y cómo lo harán. Para ubicarlos en un contexto histórico, primero tendremos una breve descripción de las tecnologías clave y las tendencias de diseño web desde el comienzo de Internet hasta hoy.

Tecnología futura que cambiará internet

Bien, ahora que sabemos que hemos echado un vistazo en el espejo retrovisor, cambiemos nuestra perspectiva. Es probable que las tecnologías a continuación den forma a gran parte del desarrollo de Internet de aquí en adelante.

Realidad aumentada, mixta y virtual.

Últimos post CORREDIZOS en Blogger!

Si has visto en algún blog de blogger que visitaste los últimos post que van pasando y cuando posicionas el mouse sobre uno de ellos se detiene y al hacer clic en ese lugar vas al post en cuestión sabrás de que te hablo y lo lindo que queda, si no es así no importa pues aquí debajo pudes ver un ejemplo de como funciona este gadget!

Ejemplo en funcionamiento:

Lo Último

Código para copiar y pegar donde desees que aparezca el gadget:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="//cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js" type="text/javascript"></script> <style> #headlines { overflow:hidden; position:relative; line-height:25px; background:#34495e; /* Color de fondo */ height:45px; padding:0 0 0 135px; } #headlines h3 { color:#fff; font-family:Oswald, sans-serif; font-size:17px; font-weight:400; text-transform:uppercase; margin-left:-115px; margin-top:10px; position:absolute; } #headlines .right_arrow { padding:0 38px 0 110px; display:block; background:url(//lh6.googleusercontent.com/--o4encAx1Tc/VApRPFfbQFI/AAAAAAAALd4/kf0T7CNSvY0/s41/arrow.png) no-repeat right center; height:46px; line-height:46px; position:absolute; left:0; top:0; } #ticker_post { position:relative; margin:0; margin-left:20px; height:50px; width:auto; } .marquee { width: 980px; /* Ancho del área donde se muestran las entradas */ overflow: hidden; line-height: 45px; } .js-marquee a { font-family:Oswald, sans-serif; font-size:15px; /* Tamaño de los textos */ color: #FFF; /* Color de los textos */ padding-bottom: 20px; text-decoration: none; } .ticker_separator { color:#FFF; color: #FFF; /* Color del separador de las entradas */ margin:0 10px; } </style> <div id='headlines'> <h3> Lo Último</h3> <div class='right_arrow'> </div> <script> var blog_url = "http://pczeros.net"; var numero_post = 10; // Número de entradas a mostrar </script> <script type="text/javascript" src="http://yourjavascript.com/946415552/ticker.js"></script></div> <div style='clear:both;'> </div> <script> $(window).load(function() { $('.marquee').marquee({ direction: 'left', // Dirección de la marquesina, usar left o right duration: 25000, // Velocidad pauseOnHover: true, duplicated: true }); }); </script>

Este gadget es super fácil de agregar, sólo debes copiar el código de arriba e insertarlo en tu blog, en cualquier lugar, donde tu quieras que se muestren los post corredizos. Lo más normal es crear un nuevo gadget Html/JavaScript y allí pegar el código y listo ya te quedará funcionando.

He probado visitar el sitio desde varios dispositivos como teléfonos móviles, desde una tablet barata e inclusive desde ordenadores con distintos sistemas operativos y les puedo decir que en todos funcionó sin problemas. Esto es posible dado que el código usa jquery y css3 en lugar de etiquetas ya obsoletas como marquee, haciendolo compatible con todos los dispositivos actuales.

Además es importante destacar que el código es muy personalizable, de hecho es muy recomendable que una vez que lo pegues en tu blog lo vayas leyendo y modificando a tu antojo, por ejemplo puedes cambiar el color de las letras, el color de fondo, el ancho, el alto, el número de entradas a mostrar, la velocidad con la que se mueve el texto, el sentido del movimiento (izquierda o derecha)y el tamaño de la letra!

Todo lo anterior es opcional, si quieres puedes dejarlo tal cual está, lo que si debes modificar obligatoriamente es poner la url de tu blog donde dice pczeros.net, allí debes poner la url de tu blog! y listo!

Qué disfrutes este gadget para tu blogger! Es todo amigos!

Las 10 mejores aplicaciones ANDROID para escuchar música

Encontrar música gratis es mucho más fácil de lo que solía ser. La piratería ya no es la forma más fácil. En estos días, puedes encontrar prácticamente cualquier canción que desees usando solo algunas aplicaciones. Los servicios de streaming aparecen y desaparecen cada año, pero hay algunos que han logrado sobresalir por encima del resto. ¡Echemos un vistazo a las mejores aplicaciones legales gratuitas de música para Android! Estas aplicaciones entregan música legal gratis. Aquellos que buscan aplicaciones que  reproducen música almacenada localmente deben consultar nuestra mejor lista de aplicaciones de reproductores de música aquí .

DEEZER

Deezer ha existido por un tiempo y es una de las mejores aplicaciones gratuitas de música. La versión gratuita del servicio te permite usar la función FLOW de Deezer para descubrir nuevos artistas y puedes escuchar listas de reproducción y mezclas según tus gustos personales. También cuenta con recuperación de letras, creación ilimitada de listas de reproducción y mezclas basadas en artistas individuales. Hay una versión premium que le ofrece más funciones como audio de mayor calidad, bajar música lo que permite escucha sin conexión y soporte automático de Android si lo desea. La única advertencia es que la aplicación parece ser un poco áspera alrededor de los bordes.

GOGLE PLAY MUSIC

Google Play Music es una opción cada vez más popular. Su característica distintiva es la capacidad de cargar 50,000 de tus propias canciones para transmisión personal. De las aplicaciones de música gratuitas en esta lista, esta es la mejor opción si desea combinar su colección actual con un servicio en línea. La versión gratuita de Play Music te permite transmitir tu música y escuchar varias listas de reproducción seleccionadas. La versión de pago viene con más beneficios, pero la versión gratuita no está nada mal. El servicio ahora también incluye podcasts para usuarios gratuitos y de pago. Google Play Music eventualmente será reemplazado por la nueva Música de YouTube de Google. Vamos a actualizar en consecuencia a medida que ocurra la transición.

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!