Ciudad Blogger

Hacer una copia del blog

noreply@blogger.com (El Potro™) — Fri, 05 Mar 2010 20:31:52 PST

Ya sabemos lo importante que es hacer una copia de la plantilla cada vez que se hace una modificación importante, pero a veces nos olvidamos de tener un respaldo del blog, me refiero a tener una copia de todas las entradas publicadas y sus respectivos comentarios. Son frecuentes los casos de usuarios que dicen que les han "robado" su blog o...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Glider: Mostrar entradas destacadas

noreply@blogger.com (El Potro™) — Thu, 04 Mar 2010 19:37:59 PST

Son muchos quienes piden un gadget que muestre las entradas destacadas en forma de slide, es decir que se desplace el resumen de la entrada junto con una imagen representativa, así que podemos hacerlo usando JQuery y un script de Dynamicdrive. Para que sepas mejor de qué hablo puedes ver un ejemplo en este blog de pruebas. Ponerlo en el blog no...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Bloquear seguidores

noreply@blogger.com (El Potro™) — Mon, 01 Mar 2010 10:34:22 PST

La Lista de seguidores puede parecer un tanto banal e inservible, pero la realidad es que muchos la utilizan como medio de suscripción al blog, pues prefieren leer las actualizaciones desde el Escritorio de Blogger que desde cualquier otro cliente de feed.Lamentablemente hay personas que no son felices si no están fastidiando a otros y utilizan la...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Cómo alojar scripts en la plantilla

noreply@blogger.com (El Potro™) — Fri, 26 Feb 2010 11:17:56 PST

El tema del alojamiento de los scripts es un tema recurrente debido a que no todos los servicios gratuitos de hosting admiten este tipo de archivos, o bien, porque pueden tardar mucho en cargar si el ancho de banda del hosting es reducido, lo que trae consigo que el blog tarde en cargar.Si bien podemos alojarlos en Google Sites o Dropbox también...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Carrusel de imágenes con JQuery y ThickBox

noreply@blogger.com (El Potro™) — Tue, 23 Feb 2010 13:11:36 PST

Quizá este el es carrusel de imágenes más popular hecho con JQuery, aunque en la mayoría de sus versiones las imágenes del carrusel no se abren, sólo se usan como un muestrario de thumbnails.Pero eso no significa que no se pueda arreglar, pues se puede añadir una ventana modal con ThickBox para poder visualizar las imágenes.Puedes ver un ejemplo...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Descripción del blog con frases al azar

noreply@blogger.com (El Potro™) — Mon, 22 Feb 2010 12:29:51 PST

Al igual que hicimos para poner frases aleatorias en el blog podemos hacer que la descripción del blog muestre distintas descripciones o frases cada vez que alguien entra a la página. El único requisito es que no tengas una imagen en lugar del título y descripción del blog. El procedimiento es muy corto, sólo entra en Diseño > Edición de HTML,...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Cambiar imagen de fondo del blog a elección del lector

noreply@blogger.com (El Potro™) — Sat, 20 Feb 2010 11:51:30 PST

En la entrada anterior vimos cómo cambiar el color de fondo del blog a elección del lector, esto es que haciendo click sobre un color, el color de fondo cambia. Haciendo unas pequeñas modificaciones al código podemos utilizarlo también para que el fondo del blog sea cambiado por una imagen u otra. Este es un ejemplo: Como ves ayuda a la...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Cambiar color de fondo del blog a opción del lector

noreply@blogger.com (El Potro™) — Thu, 18 Feb 2010 16:45:53 PST

Al igual que hemos visto cómo cambiar el tamaño de la letra del blog a elección del lector también podemos darle la opción de cambiar el color de fondo por el que él quiera.Esto no es por otra cosa más que por hacer más interactivo el blog y que el lector no sólo pueda leer el contenido sino que pueda jugar con la apariencia del blog. La forma de...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Yahoo! Media Player: Reproductor de MP3

noreply@blogger.com (El Potro™) — Fri, 26 Feb 2010 19:42:58 PST

Hay muchos reproductores en flash para MP3 pero pocos suelen ser tan llamativos y originales como el reproductor de MP3 de Yahoo! Media Player.Es un reproductor el cual permanece "escondido" y al hacer click sobre el enlace de una canción aparece en la parte de abajo con los controles del reproductor.Pueden ver un ejemplo haciendo click en...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Ocultar la Sidebar en las Páginas estáticas

noreply@blogger.com (El Potro™) — Mon, 15 Feb 2010 10:30:42 PST

Ya hemos visto cómo personalizar el gadget de las Páginas y cómo mostrar las Páginas de forma diferente, pero me preguntan si se puede ocultar la sidebar cuando se está en las Páginas.Sí se puede, y se realiza usando la misma condicional que usamos para mostrar las Páginas de forma distinta.Puedes ver un ejemplo en este blog de pruebas, verás que...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Imágenes en tamaño real

noreply@blogger.com (El Potro™) — Sat, 13 Feb 2010 19:41:25 PST

A veces cuando subimos una imagen desde Blogger batallamos porque queremos la imagen más grande, en tamaño real, pero resulta que la medida más grande que nos aparece es de 400px de ancho.Lo mismo sucede cuando queremos usar imágenes para la plantilla, si pegamos la URL de la imagen que nos da Blogger simplemente no se ve. Primero veamos que...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Mostrar las Páginas estáticas de forma diferente

noreply@blogger.com (El Potro™) — Thu, 11 Feb 2010 12:06:10 PST

Revisando el código de las páginas estáticas de Blogger vi que éstas usan una nueva condicional: <b:if cond='data:blog.pageType == "static_page"'> Esto es que, permite condicionar acciones determinadas cuando se trata de páginas estáticas (ya debería empezarle a llamar sólo Páginas y no "páginas estáticas") que apliquen sólo a ellas y no al...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Abrir todos los enlaces en otra ventana

noreply@blogger.com (El Potro™) — Wed, 10 Feb 2010 10:57:31 PST

Ya hemos visto cómo abrir los enlaces en otra ventana usando el atributo target='_blank' que se aplica directo en el enlace que se desea que se abra aparte.Pero muchos preguntan si se puede usar un código que abra TODOS los enlaces en otra ventana, sobre todo quienes tienen muchas entradas y es un poco cansado editar enlace por enlace.Podemos...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Personalizar el gadget de Páginas estáticas

noreply@blogger.com (El Potro™) — Sun, 14 Feb 2010 17:28:13 PST

Desde hace unos días Blogger ya hizo oficial la opción de crear páginas estáticas en Blogger. Esto es que podemos crear páginas que no se mostrarán junto con las entradas sino que se podrán ver sólo cuando se dé click al enlace de dicha página; así que ya podemos prescindir del hack de ocultar entradas. Crear una página es muy sencillo, sólo entra...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Poner separadores entre las entradas

noreply@blogger.com (El Potro™) — Wed, 10 Feb 2010 11:18:11 PST

Los separadores entre posts (dividers) hacen que se delimite el área visual entre cada post lo cual lo hace más presentable y organizado. Poner el separador es de lo más sencillo, sólo entra en Diseño > Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca esta línea: <b:include data='post' name='post'/> Justo debajo...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Cursores para el Día de San Valentín

noreply@blogger.com (El Potro™) — Sun, 07 Feb 2010 11:05:59 PST

Seguimos con la decoración del blog con motivo del día del amor, así que vamos a ver cómo poner un cursor alusivo a esta celebración. El procedimiento es muy sencillo, es tomado de la entrada cómo cambiar el cursor del blog, así que siguiendo el mismo método busqué unos cursores de totallyfreecursors.com para que ustedes sólo los peguen en su blog...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Corazones cayendo en la página

noreply@blogger.com (El Potro™) — Tue, 09 Feb 2010 08:10:15 PST

Ya se acerca el 14 de febrero y en muchos países se celebra el día del amor, a los enamorados y la amistad. Así que podemos darle algo de inspiración al blog para que se sienta que el amor está en el aire. Recordé que había un script de Eloi Gallés Villaplana que tenía otros fines pero que podía modificar para crear este efecto de corazones...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Mostrar Adsense en los feeds

noreply@blogger.com (El Potro™) — Fri, 05 Feb 2010 09:58:09 PST

Me pregunta Hugo sobre la cuestión de los anuncios publicitarios dentro de los feeds, y bien, Adsense no sólo permite mostrar anuncios dentro de la página Web, sino que también puedes mostrar anuncios de Adsense en el feed, ya sea en la página directa del feed, en el gestor de feeds del usuario o en el correo electrónico*.Esta característica ya...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Cartel de bienvenida tipo neón

noreply@blogger.com (El Potro™) — Thu, 04 Feb 2010 10:08:15 PST

Ya tenía rato que no les mostraba estos mensajes de bienvenida que sé que a muchos les gusta, así que les muestro este cartel de bienvenida tipo anuncio de neón que me encontré y que pertenece a G.P.F.Se trata de un mensaje de bienvenida en el cual una luz de color recorre cada letra dando la apariencia de que se trata de una anuncio luminoso de...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Abrir enlace del gadget de Imagen en ventana nueva

noreply@blogger.com (El Potro™) — Wed, 03 Feb 2010 09:38:03 PST

Hay dos formas de poner una imagen en la sidebar, una es con el gadget HTML/Javascript en el cual debemos poner el código de la imagen, y adicionalmente podemos agregarle estilos. Y otra es usando el gadget de Imagen, en el cual cargamos la imagen desde nuestro equipo o entregando una URL; y además podemos ponerle un pié de imagen y un enlace que...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Texto que sigue al cursor en forma giratoria

noreply@blogger.com (El Potro™) — Sun, 14 Feb 2010 17:38:14 PST

Ya hemos visto dos formas de poner un texto que sigue al cursor pero este en especial me gusta mucho por el efecto que tiene.Se trata de un script de Tim Tilton que hace que el texto persiga al cursor pero en forma giratoria; cuando el cursor se mueve el texto lo sigue en forma ondulante y al detenerse gira alrededor del cursor. Puedes ver un...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Efecto de opacidad con desvanecimiento al pasar el cursor

noreply@blogger.com (El Potro™) — Sun, 31 Jan 2010 19:06:21 PST

Anteriormente vimos cómo podemos darle un efecto de opacidad a las imágenes al pasar el cursor, para ello agregamos en el código de la imagen los estilos de opacidad.Ahora vamos a ver el mismo efecto pero con un plus, es decir, vamos a darle un efecto de opacidad a las imágenes al pasar el cursor pero con un desvanecimiento para que la imagen se...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Mostrar videos al azar

noreply@blogger.com (El Potro™) — Fri, 29 Jan 2010 18:26:23 PST

Ya hemos visto cómo poner banners al azar, cabeceras al azar, imágenes flotantes al azar, frases al azar, fondos del blog al azar. Ahora le toca el turno a los videos, para poder mostrar uno diferente y al azar cada vez que se carga la página.Puedes ver un ejemplo en este blog de pruebas, recarga la página con la tecla F5 para ver otro video al...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Lightbox: Imágenes en ventanas modales

noreply@blogger.com (El Potro™) — Thu, 28 Jan 2010 10:25:55 PST

Las ventanas modales son ese efecto cuando una imagen se abre encima de todo el contenido y oscurece toda la pantalla. Si bien en la actualidad hay muchos sistemas que permiten hacer todo esto vamos a ver al pionero en su tipo, Lightbox.Esta técnica creada por Lokesh Dhakar dejó atrás a las ventanas popups ya que el efecto es mucho más llamativo...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.

Cambiar el logo de Google por tu Doodle favorito

noreply@blogger.com (El Potro™) — Wed, 27 Jan 2010 13:18:54 PST

¿Te ha pasado que te gusta un Doodle pero no puedes seguirlo teniendo porque Google lo pone en su página sólo un día? Retomando un poco los "trucos de Google" les diré cómo cambiar el logotipo de la página de Google por tu Doodle favorito las veces que quieras. Como siempre los usuarios de Internet Explorer no podrán usarlo ya que sólo funciona...

Este es un resumen de los artículos, para ver la entrada completa haz click en el título.