Archivos para la Categoría 'Códigos HTML'

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