Archivos para la Categoría 'Trucos y Utiles para Blogs'

09
Jul
08

Test de velocidad y carga de páginas web

En numion.com disponen de un test, “Stopwatch“, donde puedes comprobar cuánto tarda en cargar cualquier página web.

Un dato interesante para aquellos que tengan algún blog y quieran ver el tiempo que transcurre desde que se abre hasta que se visualiza por completo. O bien si quieres medir la velocidad de distintos navegadores al mostrar las páginas más habituales por las que te mueves.

Ten en cuenta que no es lo mismo medir la velocidad de carga de una página que ya has visitado con tu navegador anteriormente, que medir otra que no hayas visitado aún.

Nota: javascript debe estar habilitado en tu navegador para que la prueba se efectúe.

También tienes otros medidores, como “Yourspeed“, que detecta las velocidades de descarga (download) y subida (upload) de tu conexión de internet. Todo ello con gráficos y comparativas con respecto a otros datos analizados anteriormente, incluidos los tuyos si eliges la opción “Your history“.

05
May
08

Picasa LightBox: mostrar tus fotos de Picasa en WordPress

Supongo que muchos de vosotros usaréis el programa Picasa para organizar vuestras fotos en el pc. Sabréis que podéis disponer también de un espacio para crear álbumes en la propia web de Picasa, picasaweb.google.es, con sólo tener alguna cuenta de correo Gmail en Google.

Si queréis mostrar esas fotos en vuestro blog de Worddress podéis utilizar el plugin Picasa Lightbox. Eso sí, sólo para versiones de WordPress anteriores a la 2.5, ya que el autor, a mayo de 2008, aún no ha optimizado el plugin a esta última actualización de WordPress.

Este plugin requiere que tengas ya instalado en tu blog algún plugin LightBox.

A continuación tenéis los enlaces y un vídeo explicativo de cómo funciona:

Continuar leyendo ‘Picasa LightBox: mostrar tus fotos de Picasa en WordPress’

30
Mar
08

Picasion: crear gifs animados online

Picasion es una herramienta online para crear gifs animados de una manera sencilla.

Puedes subir hasta 10 imágenes de tu pc, de tu cuenta de Fickr o de la de Picasa. Ajustas el tamaño (desde 100px hasta 450 px máximo) y la velocidad de transición en segundos entre cada imagen. Al momento obtendrás un gif animado que podrás incrustar en tu blog o web ya que te facilitan el código HTML para ello. También lo podrás descargar a tu pc.

Dispone de una galería donde puedes ver gifs que otros usuarios han creado con anterioridad.

Te muestro un gif que he creado en Picasion con algunas notas sobre su funcionamiento.

create animated gif
Probar Picasion

Leído en: CodigoGeek.com

19
Mar
08

Webnode: crea tu web personal fácilmente.

Si no tienes aún muchos conocimientos sobre creación de páginas web y no quieres complicarte con diseños y programas avanzados Webnode.com es una de las mejores maneras de empezar a disfrutar de tu web personal y gratis.

Una vez registrado en la web recibes un correo para confirmar tu cuenta. Un asistente te guiará en los primeros pasos y tú mismo elegirás el nombre de tu página web. Algo así: (http://eligenombre.webnode.com).

Dispondrás de numerosos diseños y opciones para configurarlo, un editor (texto y html), posibilidad de publicar imágenes (max 8 Mb), vídeos de Youtube y similares, compartir archivos (Box.net, Windows Live Skydrive y otros), incrustar código “embed”, encuestas (“Poll”), galerías de fotos, RSS…, incluso estadísticas de las visitas que ha tenido tu página.

En definitiva, un servicio muy sencillo pero muy completo, tanto para novatos como para todo aquel deseoso de tener su web personal. Muy recomendable.

Visita mi web en Webnode para aprender algunos aspectos iniciales.

Algunas capturas de pantalla con información sobre Webnode.com:

Gif animado sobre Webnode.com Pincha en la imagen

Leído en: Techlosofy.com

Enlace: Webnode.com

01
Mar
08

Deepest Sender: extensión Firefox para editar blogs.

Deepest Sender, extensión en español para Firefox, SeaMonkey y XULRunner , para editar entradas en tus blogs.

Blog admitidos -> WordPress, Blogger, LiveJournal, MSN Spaces

Características:

  1. Se abre en una ventana independiente, ajena al navegador, o bien como una barra lateral en Firefox:

    (Ver -> Panel lateral -> Deepest Sender)

  2. Permite recuperar artículos para modificar o borrar (Archivo-> Historial de los post), así como publicar en borrador.
  3. Herramientas de edición: negrita, subrayado, cursiva, alineacion de texto o imagen, listas, vínculos, sangría, cambiar color texto.
  4. Admite insertar imagenes arrastrádolas o dándole su dirección URL.
  5. Podemos elegir una de las categorias del blog a la que pertenecera el artículo.
  6. Podemos escribir el artículo o post en las pestañas:
    - “Normal“, vemos lo que escribimos
    - “Fuente“, vemos el código html
    - “Previsualizar“, vemos como quedará esa entrada.

Más información (Pág. oficial en inglés)

Personalmente, prefiero Scribefire , más cómodo y mejores prestaciones.

Powered by ScribeFire.

15
Feb
08

Photagious.com: Almacenar y Compartir Fotos, Videos y Slideshows

Photagious.com es una web donde podrás almacenar tus fotos, vídeos y crear diferentes tipos de slidewhows. Topé con ella leyendo un artículo en ’ ñblog ’ sobre "Fotoflix", que era al parecer su anterior nombre.

La única pega es que sólo podrás disfrutarla gratuitamente durante un corto periodo de tiempo, 7 días para ser exactos, transcurrido el cual deberás pagar 3,95 $/mes o 39,95/año si quieres seguir con tu cuenta abierta.

A continuación, para quienes quieran probar sus servicios, algunas características de Photagious.com :

Continuar leyendo ‘Photagious.com: Almacenar y Compartir Fotos, Videos y Slideshows’

30
Jul
07

Scribefire: editar y publicar en blogs

Scribefire es una extensión para Firefox que sirve para editar y publicar artículos en tus blogs. Es gratuita y en español.

Scribefire, antes llamado “Performancing”, en su versión actual 1.4.1, presenta algunas novedades respecto a las anteriores, pero conserva toda su eficiencia y comodidad.

Veamos cómo utilizar Scribefire, algunas características y funciones:

Continuar leyendo ‘Scribefire: editar y publicar en blogs’

15
Jul
07

Herramientas de escritura para blogs I: los clientes para blogs – Aulablog.com

Interesante y muy completo artículo sobre los clientes para blogs. Esas herramientas cada vez más utilizadas con las que puedes escribir una o varias entradas a  todos tus blogs personales, incluso recuperar y editar los post anteriores y otras muchas cosas.

Incluye un vídeo donde se explican los pasos más elementales para su uso (ver vídeo)

Otros artículos similares:

Tags: , ,

25
May
07

Presentaciones en tu web-1 (slide.com)

Slide.com es un servicio para que subiendo tus fotos puedas crear una presentación al estilo powerpoint e incrustarla después en tu página personal.

Dispones de bastantes opciones para personalizar tus presentaciones (slides), tales como efectos temas, skins, transiones, música, insertar texto… El resultado es de lo más atractivo.

Para saber cómo utilizar slide.com lee este otro artículo.

Para incrustar la presentación en WordPress existe un código específico que encontrarás, una vez guardado tu trabajo, en la parte izda de la pág que aparece. Verás un
listado de blogs (myspace, facebook, tagged…) y más abajo, donde pone “More” aparecen otros, incluído WordPress. Pinchando ahí encontrarás el código.

Actualización (Febrero 2008):

Ya no figura la opción para incrustar las presentaciones creadas en “slide.com” en blogs de WordPress.

La solución depende de dónde tengas hospedado tu blog:

- Si instalaste tú mismo el sistema “wordpress” en tu propio blog podrás utilizar el código con la etiqueta “<embed>” sin problemas.

<div><embed  src=”http://widget-93.slide.com/……channel=288230376159437459&site=widget-93.slide.com”  style=”width:400px;height:300px“………ismap” /></a></div></div>

Puedes cambiar los valores ” width:400px ” y ” height:300px ” , por otros como 280 y 210 para reducir el tamaño, pero guardando esa proporción entre ambas para que no haya bordes negros al ver la presentación)

- Sin embargo, si está alojado en “wordpress.com” no te dejará utilizar ese código. Deberás utilizar corchetes [ ] e incluir dentro la palabra “slideshow” (sin comillas) seguida del número de identificación del show”.

Si utilizas el editor de texto del propio WordPress para escribir el artículo verás debajo otro cajetín “Subir – Explorar todas – Vídeos – Presentación”. Ahí mismo te dan ejemplos de cómo escribir esos códigos.

En el caso “slide.com”, algo así:

[ slideshow 288230376159437459 ]

eliminando los espacios del principio y del final de los corchetes.

También puedes retocar el tamaño de la ventana donde aparecerá la presentación pero añadiendo “id=” (sin comillas) antes del número de identificación y la coletilla final para el ancho (&w=400) y el alto (&h=300).

[ slideshow id=288230376159437459&w=400&h=300 ]

eliminando los espacios del principio y del final de los corchetes.

El nº de identicación del show lo puedes copiar del código que genera slide.com para esas etiquetas “embed”. Con eso será suficiente.

Artículo sobre otros servicio similares: slideshare.net , twango.com


Te dejo que veas un ejemplo de slide.com en acción.

18
May
07

Entradas ampliables en Blogger

Codigo para crear entradas ampliables en Blogger.

Este truco se aplica en aquellos casos en los que creamos un post o entrada a nuestro blog que es demasiado largo. Conseguiremos mostrar sólo unas pocas líneas de él y añadir un enlace al final que diga ‘Leer más…’ para que quien esté interesado pueda seguir leyéndolo, evitando así que nuestros visitantes se destrocen el dedo bajando por nuestro blog hasta encontrar el siguiente post…

En realidad esto mismo lo había “resuelto” yo con una gran chapuza, utilizando el espacio para los comentarios para escribir el resto de la entrada… pero, afortunadamente, buscando en Google -”blogger crear resúmenes entradas ampliables“- encontré un magnífico blog con muchos trucos para utilizar en Boggler.

En el enlace de abajo encontraréis el código y las explicaciones necesarias para que el resto de vuestro post o entrada se vea en la misma página con sólo pinchar en ‘Leer más…‘. (Por defecto, el código viene en inglés, “Read more…” para expandir el texto y “Resume only” para contraerlo, pero lo podéis sustituir sin problemas buscando en dicho código esas expresiones en inglés por las que queráis vosotros en otro idioma. Incluso se pueden acentuar poniendo tildes.

Aquí os dejo el enlace a ese blog y no dejéis de curiosear por él porque es muy práctico y muy clarito, no como la ayuda que dan en Blogger que me tuvo varios días intentando descifrar cómo coj…. se hacía:

Truco: Crear entradas ampliables en Blogger
Nombre del blog: ayudaparaelblog.blospot.com
También en: blogmundi.com




Blog Stats

  • 37,422 visitantes

Suscríbete a “El Blog Caído”

Visitantes en línea (online)

visitor stats

Archivo mensual