Archive for the 'Trucos y Utiles para Blogs' Category

22
ago
08

Whos.amung.us: quién visita tu web?

whos.amung.us es un servicio web que te indica cuántas personas están en línea (online) visitando tu blog o web personal, qué páginas están visitando y el pais de procedencia de esas visitas. Para ello sólo has de colocar el código HTML en algún lugar de tu página. En la columna lateral derecha (sidebar) de este blog puedes ver un ejemplo:

“Visitantes en línea (online)”


Actualización: 14 de diciembre 2008

¿Cómo colocamos ese código en la barra lateral de nuestro blog con “WordPress”?

1- Visitamos la web whos.amung.us y copiamos el código que aparece en mitad de esa página principal. También puedes cambiar los colores del icono a tu gusto (Customize your widget! ).

2- Acudimos a la sección “Diseño” o “Appearance” de nuestro blog donde elegiremos un widget, el de texto, para añadirlo a la barra lateral o “sidebar” del blog.

3- Sin salir de esta página veremos que se ha añadido a la derecha, en la última posición, un nuevo bloque llamado “Texto“. Pinchamos en “Editar”.

4- En el primer campo escribimos el título que lo identificará, y en el segundo pegamos el código que copiamos en el paso 2. Finalizado esto pinchamos en “Hecho”.

5- Ya hemos creado el widget de texto y debemos ahora pinchar en “Guardar cambios”, para que surta efecto todo este proceso. Si no nada de lo que hemos hecho quedará registrado.

6- Al “Guardar cambios” la página se recarga y ya podremos ver nuestro widget perfectamente identificado. Podremos moverlo y colocarlo donde queramos, entre los otros widgets.

Ahora, si visitas tu blog, verás el widget en la barra lateral y ya podrás empezar a ver las estadísticas de visitantes pinchando sobre ese icono.

Espero que os haya servido. ;)
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)

Así se ve deepsender

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)

 

Actualización (diciembre 2012): slide.com dejó de funcionar en mayo de 2012.

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 “” sin problemas.

<div></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.




Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.