-
►
2012
(19)
-
►
enero
(19)
- Optimizar SEO para Blogger. Evitar META duplicadas...
- Un lustro ¿Eso es mucho o es poco para un blog?
- Elemento que desaparece tras un tiempo. Portada de...
- Una solución para la paginación de comentarios ant...
- Conoce las preferencias de tus lectores con el nue...
- Avatar personalizado para comentarios (anidados) a...
- ¿Blog en blanco? Solución al problema con IE tras ...
- Cosas sencillas. Cambio tipografía para pie de fot...
- Almacenar y recuperar datos Blogger. Variables DAT...
- Almacenar y recuperar datos Blogger. Variables DAT...
- Todo sobre el nuevo sistema de comentarios Blogger...
- Formato a imágenes con CSS. Particularidades Blogg...
- Numerar los nuevos comentarios Blogger sin JavaScr...
- Volver al diseño de comentarios previo a las repli...
- Blogger. Configurar comentarios anidados. Lista de...
- Insertar respuestas (replies) Blogger en plantilla...
- Nuevos comentarios anidados en Blogger
- Formato a imágenes con CSS. Padding.
- Formato a imágenes con CSS. Clases.
-
►
enero
(19)
-
▼
2011
(105)
-
►
diciembre
(13)
- Feliz 2011 ¡Oops! (transiciones)
- Solucionando los problemas con el botón +1
- Sólo necesitas 5 herramientas para escribir los me...
- Text-shadow y el brillo de la Navidad
- Botones CSS con rollover sencillo
- Feliz Navidad Blogger. Iconos.
- Diseña la portada de tu nuevo timeline de Facebook...
- Error bX-l4u1mh (Diciembre 2011)
- Comentarios desplegables en Blogger
- Personalizando los botones sociales de AddThis
- Cinco trucos para poner nieve en tu blog ❄❄
- Plantilla para tienda online: Blogger Store
- Aviso automático en Twitter de nuevas entradas Blo...
-
►
noviembre
(13)
- Cubrir una capa con otra que se puede ocultar con ...
- Situar el gadget buscador junto al título del blog...
- Go Daddy simplifica el uso de dominios propios con...
- Cabecera en móviles para blogs sin cabecera
- Crear un sitemap con Herramientas para Webmasters
- Sitemaps y Blogger
- Facebook no permitirá importar contenido RSS a par...
- Problemas al acceder a la plantilla con la nueva i...
- Presentada la VI edición de los Premios 20Blogs
- Oloblogger.com Cambio de dominio con Blogger
- Alguien nos vigila...
- Marcar imágenes ampliables con un puntero distinto...
- Botón para que te sigan en Google Plus
- ► septiembre (6)
-
►
diciembre
(13)
-
►
2010
(138)
- ► septiembre (11)
-
►
2009
(119)
- ► septiembre (15)
-
►
2008
(110)
- ► septiembre (14)
-
►
2007
(57)
- ► septiembre (5)
-
►
2006
(3)
- ► septiembre (3)
Rotar texto aleatorio en un mismo espacio
25/05/2011
El título creo que es autoexplicativo, pero de todas formas, lo que conseguimos con este código es mostrar un texto aleatorio en una determinada capa y que este cambie automáticamente cada cierto tiempo, sin necesidad de refrescar la página.
Está basado en el mismo JavaScript que genera frases aleatorias, añadiendo una función que captura el elemento por su ID (en el ejemplo rotando) para su posterior sustitución. Esa función incluye al final una llamada a sí misma, que hace que se vuelva a ejecutar automáticamente cada cierto tiempo.
Este es el código y lo podéis añadir en un gadget tipo HTML/JavaScript o en una entrada. Si lo queréis poner directamente en la plantilla, tendréis que sustituir todas las comillas dobles (") por comillas simples (').
Debéis sustituir TextoX por los distintos textos que queréis que vayan apareciendo. Se pueden añadir más sin problemas, generando a continuación de frases[3] = "Texto4"; más líneas con el mismo formato, sin olvidar ir cambiando el índice de cada elemento (frases[4], frases[5], frases[6], etc.)
Para aumentar o disminuir el tiempo entre frase y frase, hay que cambiar el valor de setTimeout, que viene en milisegundos y que en el ejemplo está establecido en 5 seguntos (5000).
Por último el height que se ha incluído en el estilo de la capa, sirve para que no cambie el tamaño del div en función de la distinta longitud del texto. De otra manera, todo el contenido de la página se ajustaría (movería) según la frase fuera más o menos larga, resultando probablemente bastante incómodo para leer.
Está basado en el mismo JavaScript que genera frases aleatorias, añadiendo una función que captura el elemento por su ID (en el ejemplo rotando) para su posterior sustitución. Esa función incluye al final una llamada a sí misma, que hace que se vuelva a ejecutar automáticamente cada cierto tiempo.
Este es el código y lo podéis añadir en un gadget tipo HTML/JavaScript o en una entrada. Si lo queréis poner directamente en la plantilla, tendréis que sustituir todas las comillas dobles (") por comillas simples (').
<script type="text/javascript">
var indice = 0;
frases = new Array();
frases[0] = "Texto1";
frases[1] = "Texto2";
frases[2] = "Texto3";
frases[3] = "Texto4";
indice = Math.random()*(frases.length);
indice = Math.floor(indice);
function rotar() {
if (indice == frases.length) {indice = 0;}
document.getElementById("rotando").innerHTML = frases[indice];
indice++;
setTimeout("rotar();",5000);
}
</script>
<div id="rotando" style="height:60px;margin:0px auto;"></div>
<script type="text/javascript">rotar();</script>
var indice = 0;
frases = new Array();
frases[0] = "Texto1";
frases[1] = "Texto2";
frases[2] = "Texto3";
frases[3] = "Texto4";
indice = Math.random()*(frases.length);
indice = Math.floor(indice);
function rotar() {
if (indice == frases.length) {indice = 0;}
document.getElementById("rotando").innerHTML = frases[indice];
indice++;
setTimeout("rotar();",5000);
}
</script>
<div id="rotando" style="height:60px;margin:0px auto;"></div>
<script type="text/javascript">rotar();</script>
Debéis sustituir TextoX por los distintos textos que queréis que vayan apareciendo. Se pueden añadir más sin problemas, generando a continuación de frases[3] = "Texto4"; más líneas con el mismo formato, sin olvidar ir cambiando el índice de cada elemento (frases[4], frases[5], frases[6], etc.)
Para aumentar o disminuir el tiempo entre frase y frase, hay que cambiar el valor de setTimeout, que viene en milisegundos y que en el ejemplo está establecido en 5 seguntos (5000).
Por último el height que se ha incluído en el estilo de la capa, sirve para que no cambie el tamaño del div en función de la distinta longitud del texto. De otra manera, todo el contenido de la página se ajustaría (movería) según la frase fuera más o menos larga, resultando probablemente bastante incómodo para leer.
Deshabilitar botón derecho en una página, pero olvidaros de poder proteger contenido.
19/05/2011
Este post va a ser muy corto, porque la manera de impedir el uso del botón derecho del ratón en una página determinada, se soluciona con sólo incluir el siguiente código JavaScript en ella. Podéis hacer la prueba en esta misma entrada.
Si queréis eso mismo pero en todo el blog, entonces el código habrá que insertarlo directamente en la plantilla. En concreto, antes del </head>. Para el caso de Blogger, además, habrá que cambiar las comillas dobles (") por simples (').
A mí no me gusta utilizar este truco, porque personalmente me molesta cuando lo encuentro en alguna página. Soy de los que utiliza mucho ese botón para abrir links en ventana nueva y que me anulen esa función, realmente me incordia. Sin embargo, hay algún caso en el puede ser necesario. Por ejemplo, hace unos pocos días, un lector me pidió solución para esto precisamente porque su web en flash presentaba un inconveniente si el usuario pulsaba ese botón.
Pero puede que algunos estéis pensando en instalarlo para proteger el contenido de vuestro blog (textos, imágenes, etc.), evitando de esta el "Copiar" o el "Salvar imagen como". Si es así, ya os podéis estar olvidando del asunto. Siento comunicaros que no podéis proteger nada por mucho que os empeñéis.
Para no extenderme mucho, sólo relacionaré las maneras más fáciles para poder copiar lo que a uno le plazca, aunque el propietario del sitio web nos ponga trabas deshabilitando cosas:
Sistemas más laboriosos pero absolutamente imposibles de evitar:
Creo que queda claro que no merece la pena gastar ni un minuto en intentar proteger vuestro contenido. Lo siento. No obstante, si queréis hacer algo por divertimento, en nuestra anterior entrada Proteger un contenido... pero poco, tenéis un par de sistemas. Repito, inútiles para proteger contenido, pero que pueden ser de utilidad en algunos casos.
<script type="text/javascript">
document.oncontextmenu = function(){return false;}
</script>
document.oncontextmenu = function(){return false;}
</script>
Si queréis eso mismo pero en todo el blog, entonces el código habrá que insertarlo directamente en la plantilla. En concreto, antes del </head>. Para el caso de Blogger, además, habrá que cambiar las comillas dobles (") por simples (').
A mí no me gusta utilizar este truco, porque personalmente me molesta cuando lo encuentro en alguna página. Soy de los que utiliza mucho ese botón para abrir links en ventana nueva y que me anulen esa función, realmente me incordia. Sin embargo, hay algún caso en el puede ser necesario. Por ejemplo, hace unos pocos días, un lector me pidió solución para esto precisamente porque su web en flash presentaba un inconveniente si el usuario pulsaba ese botón.
Pero puede que algunos estéis pensando en instalarlo para proteger el contenido de vuestro blog (textos, imágenes, etc.), evitando de esta el "Copiar" o el "Salvar imagen como". Si es así, ya os podéis estar olvidando del asunto. Siento comunicaros que no podéis proteger nada por mucho que os empeñéis.
Para no extenderme mucho, sólo relacionaré las maneras más fáciles para poder copiar lo que a uno le plazca, aunque el propietario del sitio web nos ponga trabas deshabilitando cosas:
- Seleccionar texto (o imagen) y acceder al menú de herramientas del navegador. Pinchar en "Copiar". Pegar dónde uno prefiera.
- Acceder al código fuente desde el menú de herramientas del navegador, localizar el texto deseado, copiar y pegar.
- Con imágenes y asimismo viendo el código fuente, sólo es necesario localizar la dirección de la misma, copiarla y pegarla en la barra de direcciones. Una vez visible de manera aislada, "Guardar imagen".
- Pasar el puntero por encima de una imagen, ver la dirección en el área de mensajes del navegador y teclearla en la barra de direcciones. Continúa igual que el anterior.
Sistemas más laboriosos pero absolutamente imposibles de evitar:
- Copiar el texto mecanografiándolo.
- Captura de pantalla. Buscar en nuestro teclado Impr pant, pulsar y luego pegar en cualquier editor de imágenes. Recortar lo sobrante.
Creo que queda claro que no merece la pena gastar ni un minuto en intentar proteger vuestro contenido. Lo siento. No obstante, si queréis hacer algo por divertimento, en nuestra anterior entrada Proteger un contenido... pero poco, tenéis un par de sistemas. Repito, inútiles para proteger contenido, pero que pueden ser de utilidad en algunos casos.
Pixlr. Un editor de imágenes online muy completito
03/05/2011
Pixlr es el editor online con más opciones que he visto hasta la fecha. Y por si eso fuera poco, tiene un par de servicios añadidos más, también muy interesantes.
La interface es muy similar a la de Photoshop y creo que todas las herramientas que lleva, convertirían en innecesario para el 90% de los usuarios, ese conocido programa de edición.
Aunque supongo que habrá gente que necesite toda la potencia de un programa profesional, personalmente no he echado nada de menos en este. Recortes, ajustes, filtros, capas, deshacer últimas acciones, selección por color, tampón de clonar, creación de pinceles... y para colmo, hasta está en español

Lo que más me ha sorprendido es que parece que trabaja incluso más rápido que los programas similares que tengo instalados en mi disco duro, algo que no entiendo muy bien como puede ser. Quizás porque han simplificado o eliminado las tareas más pesadas.
Sobre los añadidos que lleva, el primero es un editor express, en el que se podrá elegir con un solo click, entre un buen puñado de herramientas básicas, ajustes y efectos. Indicado para usuarios no familiarizados con las utilidades de este tipo de programas, para los que no quieran profundizar en ello o que simplemente no se quieran complicar la vida mas que lo justo.
En su apartado Grabber, hay extensiones (plugins) para Firefox y Chrome, con las que podrás cargar cargar cualquier imagen web directamente a Pixlr, desde el botón derecho de tu ratón. También te permite realizar una captura de pantalla de la mayoría del contenido visible en el navegador.
Por último, en imm.io encontrarás un sencillo cargador y almacen temporal de imágenes, al estilo de Twitpic, ideal para conseguir un enlace con que mostrar una imagen a tus amigos o incuso para enviarla directamente a Digg, Delicious, Reddit, Twitter o Stumble. Se advierte que las imágenes que no hayan sido vistas en 30 días, serán borradas.
Realmente, me ha llamado mucho la atención ¿se nota?
Pixlr es el editor online con más opciones que he visto hasta la fecha. Y por si eso fuera poco, tiene un par de servicios añadidos más, también muy interesantes.La interface es muy similar a la de Photoshop y creo que todas las herramientas que lleva, convertirían en innecesario para el 90% de los usuarios, ese conocido programa de edición.
Aunque supongo que habrá gente que necesite toda la potencia de un programa profesional, personalmente no he echado nada de menos en este. Recortes, ajustes, filtros, capas, deshacer últimas acciones, selección por color, tampón de clonar, creación de pinceles... y para colmo, hasta está en español

Lo que más me ha sorprendido es que parece que trabaja incluso más rápido que los programas similares que tengo instalados en mi disco duro, algo que no entiendo muy bien como puede ser. Quizás porque han simplificado o eliminado las tareas más pesadas.
Sobre los añadidos que lleva, el primero es un editor express, en el que se podrá elegir con un solo click, entre un buen puñado de herramientas básicas, ajustes y efectos. Indicado para usuarios no familiarizados con las utilidades de este tipo de programas, para los que no quieran profundizar en ello o que simplemente no se quieran complicar la vida mas que lo justo.
En su apartado Grabber, hay extensiones (plugins) para Firefox y Chrome, con las que podrás cargar cargar cualquier imagen web directamente a Pixlr, desde el botón derecho de tu ratón. También te permite realizar una captura de pantalla de la mayoría del contenido visible en el navegador.
Por último, en imm.io encontrarás un sencillo cargador y almacen temporal de imágenes, al estilo de Twitpic, ideal para conseguir un enlace con que mostrar una imagen a tus amigos o incuso para enviarla directamente a Digg, Delicious, Reddit, Twitter o Stumble. Se advierte que las imágenes que no hayan sido vistas en 30 días, serán borradas.
Realmente, me ha llamado mucho la atención ¿se nota?
Suscribirse a:
Entradas (Atom)















