Reloj cuenta regresiva para Blogger

En pczeros ya hace tiempo les presenté relojes analógicos 1 y relojes analógicos 2 para blogger y también relojes digitales para el blog, todos en flash! hoy les dejaré un reloj con cuenta regresiva para tu Bloggero web en general realizado en Java Script para que puedan mostrar los días que faltan para un evento cualquiera, como por ejemplo el cumpleaños de blog, el comienzo del 2012, el lanzamiento de una película, la asunción del nuevo presidente, el fin del mundo, o lo que tu quieras!

En el ejemplo se muestran los días que faltan para que empiece el 2012!



Código:

<center> <script language="JavaScript"> TargetDate = "1/1/2012 00:00 PM"; BackColor = "white"; ForeColor = "blue"; CountActive = true; CountStepper = -1; LeadingZero = true; DisplayFormat = "%%D%% Días, %%H%% Horas, %%M%% Minutos, %%S%% Segundos."; FinishMessage = "Feliz año nuevo!!!"; </script> <script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script></center> Configuración:

1/1/2012: es el la fecha que finaliza el conteo, puedes cambiarla, pero manteniendo el formato de fecha. El formato para la fecha es el siguiente MES/DIA/AÑO, por ejemplo para saber los días que faltan para el 25 de ocutbre de 2021 la fecha que se debería poner en el scrip sería 10/25/2021

white: es el color de fondo del contador, puedes usar el nombre del color en inglés o bien el código RGB, clic en el enlace para aprender más sobre codigos de colores RGB

Último aviso para actualizar tu viejo IPhone 5

Apple quiere que sepas que si todavía estás usando un iPhone 5, realmente necesitas apresurarte y actualizar tu iOS. De lo contrario, podría perder muchas funciones y convertir su iPhone en un pisapapeles elegante.

Apple está lo suficientemente preocupada como para que la compañía haya enviado alertas de pantalla completa e incluso haya publicado una gran nota en su sitio web de soporte para recordar a los propietarios de iPhone que necesitarán actualizar su iOS a al menos la versión 10.3.4 en noviembre 3.

Todo tiene que ver con el problema de reinicio del GPS que golpeó a los dispositivos antiguos en abril y Apple parchó en julio con la actualización de iOS mencionada anteriormente. Apple no estaba sola; Muchos otros dispositivos que utilizan GPS se vieron afectados por el problema.

Los primeros sistemas de GPS registraron cada semana como un número de 10 dígitos y se transfirieron cada 1,024 semanas (aproximadamente 20 años); Es un problema que se ha comparado con el infame error Y2K . El primer vuelco ocurrió en agosto de 1999 antes de que los teléfonos inteligentes y sus capacidades de GPS fueran una cosa. Pero lo siguiente sucedió en abril, y los problemas surgieron a través de los sistemas GPS para causar problemas con los teléfonos.

A pesar de que la transferencia ocurrió en abril, Apple dijo en julio, cuando se lanzó una actualización, que el problema no afectaría a los dispositivos más antiguos hasta el 3 de noviembre de 2019.

Marketing del siglo XXI ¿Qué ha cambiado en los últimos años?

La adopción masiva de Internet en la vida cotidiana es el evento más importante que ha afectado el marketing en las últimas tres décadas. Aunque el software de publicación de escritorio temprano en las primeras PC causó un aumento en el marketing de impresión en la década de 1980, las computadoras eran poco más que una máquina de escribir glorificada. Lanzado por Tim Berners-Lee y su equipo en 1991, el proyecto de la  World Wide Web realmente no despegó hasta que el primer navegador exitoso de mercado masivo, Netscape, se lanzó en 1994. En los siguientes dos años, el número de personas que usaban la web se disparó de 16 millones a 70.

A medida que los usuarios aumentaron, el panorama evolucionó, desde el correo electrónico hasta los motores de búsqueda como Yahoo! (1994) y Google (1997) y sitios de comercio electrónico como Amazon (1994) y eBay (1995). Para el marketing, esta fue una mina de oro. El correo electrónico se convirtió en una nueva herramienta de marketing saliente, uniéndose al arsenal tradicional de anuncios de televisión, radio e impresos y ventas telefónicas. Mientras que los motores de búsqueda catalogaron los nuevos sitios web que se estaban creando y permitieron a los usuarios encontrar la información, los productos y los servicios que deseaban desde la comodidad de su propio hogar.

Mostrar seguidores de Facebook deslizantes en Blogger!

Buenos días gente linda de PCzeros! Hoy les traigo una original y vistosa forma de mostrar tus seguidores de facebook en tu blog Blogger o página web en general!





Se trata de mostrarlos a la derecha de tu página, en una ventana corrediza que se ve sólo al pasar el mouse sobre ella por lo que no ocupa ningún lugar y queda muy vistosa...! (Puedes ver un ejemplo a la derecha de esta página → → )





Agregar este gadget no puede ser más sencillo! Sólo copia el código y pégalo en tu blog, cambiando la parte que dice pczeros por el nombre de tu página de facebook. En mi caso como la página de pczeros es http://www.facebook.com/pczeros yo sutituí esa frase por pczeros

<style> #flotante1 { position:fixed; top:100px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1002; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante2 { position:fixed; top:240px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1003; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante3 { position:fixed; top:380px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1004; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante1:hover, #flotante2:hover, #flotante3:hover { right:0px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } div.likeboxwrap { margin-top:-5px; margin-left:-45px; width:238px; height:325px; background-color:#fff; overflow:hidden; border-radius:10px; } </style> <!-- Primera pestaña --> <div id='flotante1'> <img src='http://lh3.googleusercontent.com/-vq69jjHi_aA/UKxnEYWptDI/AAAAAAAADdU/1bjiSBYnRSo/fb_tab.png' style='float:left;'/> <div style='background: #3c5a98; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'> <span><div class='likeboxwrap'> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpczeros&width=240&colorscheme=light&connections=15&stream=false&header=false&height=350' style='border:none; overflow:hidden; width:240px; height:325px;'/></iframe> </div> </span></div> </div>

Si no sabes donde pegar el código pasate por este post.

Espero les guste y cualquier cosa consulten!

Imágenes y Videos en Comentarios de BLOGGER

Muchas veces queremos decir algo y las palabras no nos son suficientes, hay sentimientos o sensaciones que se expresan mucho mejor con una imagen o un video. Por este motivo en este post te enseñaré a habilitar la función de poner imagenes y videos en los comentarios de tu blog!

Este truco es bastante bueno, saque la idea de un sitio de anuncios clasificados e investigando logré llegar a ver que podía funcionar correctamente en blogger.

Lo primero que tienes que hacer es agregar este código antes del cierre de la etiqueta body de tu plantilla:
<script> //<\[\/img\]/ig, "<img class='img-comentarios' src='$1'\/>"); sustituir = sustituir.replace(/\[video\]https:\/\/www\.youtube\.com\/embed\/(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$1'><\/iframe>"); sustituir = sustituir.replace(/\[video\](https:\/\/youtu\.be\/|https:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$2'><\/iframe>"); sustituir = sustituir.replace(/\[video\](http:\/\/youtu\.be\/|http:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$2'><\/iframe>"); sustituir = sustituir.replace(/\[video\](http:\/\/player\.vimeo\.com\/video\/)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='http://player.vimeo.com/video/$2'><\/iframe>"); document.getElementById(id).innerHTML = sustituir;} InsertarImagenVideo('comment-holder'); //]]> </script> <style> <!-- #comment-holder .img-comentarios, #comment-holder i[rel="image"] { max-width: 450px; /* Ancho máximo de las imágenes */ width: auto; height: auto; display: block; border: 5px solid #FFF; /* Borde de las imágenes */ margin: 0 auto; padding: 0; box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); /* Sombra de las imágenes */ } #comment-holder .vid-comentarios { width: 450px; /* Ancho del video */ height: 253px; /* Alto dle video */ display: block; margin: 0 auto; padding: 0; border: 5px solid #FFF; /* Borde del video */ box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); /* Sombra del video */ } --> </style>

Con el simple hecho de agregar este código ya habrás habilitado la función de comentarios con imágenes y videos

Ahora para agregar una imágen o video en un comentario sólo debes hacer lo siguiente:

Imágenes:
[img]aqui-va-la-url-de-la-imagen[/img]

Videos:
[video]aqui-va-la-url-del-video-youtube-o-vimeo[/video]

Como vez, sólo debes de colocar la url del video o imagen entre las etiquetas y listo!


Una imagen del truco probado en este mismo blog:

A tener en cuenta:

* Este truco te funcionará solo si tu plantilla tiene habilitada la opción de comentarios anidados, o sea si luego de cada comentario te aparece la opción de responder. (Para habilitar esto ir a configuración >> otros >> Establecer feed "completo"
* Los comentarios se deben mostrar en la propia página, no en una ventana emergente para que este truco funcione.
* El agregar muchos videos o imágenes en los comentarios puede enlentecer un poco la carga de la página, pero vale la penta pues el resultado es genial.
* En cuanto a las imágenes puedes estar subida a cualquier sitio, pero los comentarios sólo pueden estar o en youtube o en viemeo para que se vean.