31 de octubre de 2008

Cómo crear un SlideShow con NoobSlide.




Noobslide es un script que nos permite crear una exelente galería de imagenes o slideshow, con la ventaja de que carga muy rápido y tiene varios ejemplos para elegir.
En esta ocación voy a explicar como instalar la primer galería que da como ejemplo el autor del script, que es el mas simple y práctico.

Lo primero que hacemos es bajar los archivos que se encuentran en un archivo ZIP. Tiene los archivos para la galería y los ejemplos.

Luego, subimos los archivos a nuestro servidor, yo use un servidor de hosting gratuito, ustedes pueden hacerlo así también, la otra opción es subirlo a Goegle Pages, pero recuerden que cerrará a fin de este año 2008.

Una vez subidos los archivos al servidor debemos crear la llamada para colocar debajo de ]]></b:skin> :

Código:



<link href='http://iggna.net78.net/scripts/noobSlide/style.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://iggna.net78.net/scripts/noobSlide/_mootools.js' type='text/javascript'/>
<script src='http://iggna.net78.net/scripts/noobSlide/_class.noobSlide.js' type='text/javascript'/>

<script type='text/javascript'>
window.addEvent(&#39;domready&#39;,function(){
var hs1 = new noobSlide({
box: $(&#39;box1&#39;),
items: [1,2,3,4],
size: 480,
autoPlay: true
});
})
</script>



Luego, vamos "Diseño" y agregamos un nuevo elemento HTML, donde insertamos el siguiente código:



<h2>Slideshow</h2>
<div class="sample">
<div class="mask1">
<div id="box1">
<span><img alt="Photo" src="URL DE LA IMAGEN"/></span>
<span><img alt="Photo" src="URL DE LA IMAGEN"/></span>
<span><img alt="Photo" src="URL DE LA IMAGEN"/></span>
<span><img alt="Photo" src="URL DE LA IMAGEN"/></span>
<span><img alt="Photo" src="URL DE LA IMAGEN"/></span>
<span><img alt="Photo" src="URL DE LA IMAGEN"/></span>
<span><img alt="Photo" src="URL DE LA IMAGEN"/></span>
<span><img alt="Photo" src="URL DE LA IMAGEN"/></span></div></div></div>



Y listo, si todo está bien debería funcionar sin problemas! Aquí pudes verlo en funcionamiento en Blogger. Ver Demo.




Leer más...

30 de octubre de 2008

Creá tus propios posters con AutoMotivator


Creá tus propios posters con AutoMotivator es una web donde podemos generar nuestros propios poster con un diseño muy original, las opciones son pocas pero el producto final es muy profesional. Podemos subir nuestra propia imagen y agregarle el texto debajo de esta, eligiendo el color. Luego podemos guardarla en la PC o en ImagShack o Flickr y lo bueno es que podemos elegir una opción para guardar la imagen en alta resolución.

Leer más...

EasyStreet generador de carteles para nombres de calles




EasyStreet es una web donde podemos generar carteles como los que indican los nombres de las calles en las esquinas, es muy sencillo de usar, solo colocamos la palabra que queremos y listo, a guardar en la PC o en ImagSahack. La única limitación es que no se puede cambiar el color. La imagenes las guarda en fomato PNG y en distintos tamñaos. La interfas está en varios idiomas además del español.

Enlace: EasyStreet

Leer más...

29 de octubre de 2008

"The dark side of Firefox" themes oscuros para Firefox

The dark side of Firefox (el lado oscuro de firefox) son 6 themes oscuros para Firefox de Mozilla Links. La verdad son muy lindos los diseños y valen para cambiar el aspecto de nuetro Firefox.








Enlace: mozillalinks.org
Leer más...

28 de octubre de 2008

Picitup un buscador de imagenes por color.



Picitup es una interesante web donde se pueden buscar imagenes de todo tipo con la ventaja de que podemos buscarlas por color predominante. Esto es muy util para cuando, por ejemplo, queremos diseñar una página y necesitamos imagenes para el fondo o el header de un determinado color.

Pero además la Picitup tiene cargadas diferentes palabras claves por las cuales buscar imagenes relacionadas. El buscador tiene como fuente Flickr y otras páginas del mismo estilo.
Leer más...

26 de octubre de 2008

Microsoft cerrará su servicio MSN Grupos a partir de febrero de 2009

Microsoft cerrará MSN Grupos, su servicio de comunidades online. Lo hizo el día jueves pasado, los administradores de los grupos recibieron una notificación oficial de la empresa en la que se les informaba del cierre y de las distintas opciones que tienen de aquí en adelante.

"No ha sido una decisión fácil, nos ha costado mucho tomarla, pero queremos centrarnos en Windows Live, donde ya tenemos 13 millones de usuarios. Estamos desarrollando Windows Live Grupos, una herramienta integrada en Windows Live, mucho más potente que MSN Grupos y que ofrecerá una experiencia mejor", explicó Íñigo Asiain, marketing manager de Microsoft, en declaraciones a 20minutos.es.

No ha sido una decisión fácil, pero queremos centrarnos en Windows Live Asiain expone que "Microsoft no ha creado una herramienta para que los usuarios de MSN Grupos puedan migrar al nuevo servicio porque las diferencias entre el viejo servicio y el nuevo son abismales. En circunstancias así, la migración no tienes sentido".

Sin embargo, según comenta Asiain, Microsoft ha llevado a cabo varias medidas para no dejar abandonados a los usuarios de su viejo servicio de grupos. En primer lugar se les ha informado puntualmente del cierre, que tendrá lugar el 21 de febrero de 2009. Además, se les ha ofrecido la posibilidad de probar el nuevo servicio de grupos que ya está en desarrollo.

"Comprendemos que muchas personas querrán mantener sus comunidades, por lo que ofrecemos esta posibilidad de migración. Es una pena que la herramienta no esté en español, pero es lo más parecido a MSN Grupos que podemos ofrecer. Además, toda la información que enviamos a los usuarios sobre este servicio sí que está en castellano", comenta Asiain.

Leer más...

24 de octubre de 2008

Glowtxt





Glowtxt es una web donde podemos crear un bonitos GIFs de texto con anumaciones y efecto muy interesantes. Podemos elegir el tipo de fuente, el color de fondo, el tamalo, el tipo de efecto y animación. Hay muchos motivos para elegir y la calidad es muy buena.

Leer más...

23 de octubre de 2008

Como insertar imagenes del tamaño real en Blogger

Hoy mirando el blog de Rosa vi un truco que estaba buscando hace mucho tiempo, y que es muy útil sobre todo para aquellos blogger que insertan muchas imagenes en los posts usando el agregador de imagenes de blogger. Sucede que cuando hacemos blogger sube la imagen con un tamño máximo de 400 píxeles, esto sucede porque Blogger asume por defecto que unos está usando la plantilla por defecto de blogger, pero obviamente muchos usamos plantillas modificadas en el ancho.
Cómo lo hacemos? 
Vamos a nuestro escritorio de Blogger, tenemos que hacerlo desde Blogger in Draft Una vez allí, cada vez que agregamos una imagen en la entrada, debemos ir a "Edición de HTML" para ver el correspondiente cógdigo html de la imagen:



<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUzG9TVojzlHxIXVF3ZKIt1eYFCSPeSK9xVK-sQ1jIMSb9TFfb1f0Z7R7ku-H8PrcKhmA7QCRSD6vLLZGuJd2NWRBcHMH9-qV2RDIuL0zZh_YUHkiMnJxjovLeEIleVLR1QK0kNX0yZ0E/s1600-h/deep_space_homer.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFHQWcBcDD9Gyj3hkAbXD7uN8JYji59BqFZP4x0NexCzjTGkkDiP5phTMYBqOVdWqNOQTh1oJNSAbaVKXSaSyKAneF7HuM_tN5qtFpkjtja_H3tJQ-F6dNr8SteFcd4i7FNah8AoNH528/s320-r/deep_space_homer.png" /></a></div>



Dentro de ese código cambiamos s320-R por s00-R y ya tendremos la imagen a su tamaño real.



Esta es la imagen cargada y modificado como vimos antes:



visto en: El Escaparate de Rosa
Leer más...

Youembedtube original presentación de videos

YouEmbedTube es una pagina donde podemos escribir una serie de palabras claves a la manera de la barra de videos de blogger y nos creará una agradable presentación de videos. Los videos pueden ir de 3 a 8, y están tomados de YouTube. Nos muestra la vista de previa y luego nos da el código para que podamos insertarlo en nuestra página. En mi opñión con 8 videos queda mucho mejor la presentación.

Ejemplo de YouEmbedTube:



Leer más...

Ya funciona el widget de seguidores en Blogger

El nuevo widget o artilugio de Blogger llamado "Seguidores" ya funciona y se lo puede ver tanto en el escritorio como en Elementos de diseño.



Para usarlo vamos a diseño, agregar un gadget, lo elegimos de la lista y listo! lo agrega a la plantilla.
Con este gadget podremos seguir los blogs que nos interesan y también quienes nos siguen a nosotros.
Debajo, en el escritorio de Blogger podremos ver una pesataña que dice "Blogs que sigo" donde aparecen los últimos post de los blogs que hayamos elegido.

No creo que esta nueva funcion de Blogger sea la mas esperada por los bloggers, pero parece interesante, habrá que probarla y ver como funciona.
Leer más...

15 de octubre de 2008

No tienes el mínimo de karma para enviar una nueva historia


"No tienes el mínimo de karma para enviar una nueva historia"

Si has llegado aquí es porque seguramente te ha aparecido este mensaje en menéame a la hora de enviar una noticia. La pregunta que primero nos hacemos es "¿Qué es el Karma para Menéame?" La respuesta es que el Karma es la forma que tiene menéame para calificar a los usuarios que envían las noticias, y esto se hace para evitar el autobombo, el spam, la repetición de noticias etc.

Al registrarnos n Menéame partimos con un mínimo de Karma asignado, y de acuerdo a nuestro comportamiento este karma será penalizado o no. Cada usuario posee, en base a su actividad pasada en el sitio un número de karma ( o calificación ) que va del o al 20.

Ahora, ¿Cómo se calcula el karma en menéame? El Karma se calcula mediante algoritmo. Para todos los usuarios que votan una determinada noticia es sumado para obtener el karma acumulado por la misma. Las noticias que superan el karma mínimo requerido son publicadas en la portada. El objetivo del karma en los usuarios es dar más peso a los votos de aquéllos que tienen mayor instinto para buscar noticias populares entre los demás usuarios, lo que teóricamente aceleraría el proceso de selección de noticias sin desvirtuar el sistema.


Qué aumenta el karma?:
  • Votos positivos a tus noticias enviadas.
  • Votos positivos a noticias que han sido publicadas, siempre que el voto haya sido realizado antes de la publicación de la noticia.
  • Votos negativos a noticias que han sido descartadas, siempre que el voto haya sido realizado en los 15 minutos siguientes al envío de la noticia.
  • Votos positivos a tus comentarios.

Qué disminuye el karma?:
  • Votos negativos a tus noticias enviadas.
  • Votos positivos a noticias que no han sido publicadas, a partir de las 24 horas del voto.
  • Votos negativos a noticias que no han sido descartadas, a partir de las 6 horas del voto y hasta pasadas 30 horas.
  • Llevar 5 días sin votar al menos 4 noticias.
  • Votar negativamente más de 3 noticias en menos de un minuto.
  • Votos negativos a tus comentarios.
  • Votos "unfair" a comentarios, es decir, si votas negativo un comentario de forma injusta.

No afecta el karma:
  • Votos positivos a noticias que ya han sido publicadas.
  • Votos negativos a noticias descartadas si estos se han realizado una hora después del envío de la noticia.
  • Votos positivos a comentarios.

Bueno, espero que se haya entendido, para mas información pueden ir al blog de menéme.
También pueden visitar menéame en Wikipedia.

Leer más...

14 de octubre de 2008

Yahoo Web Analytics la alternativa a Google Analytics.


Yahoo! acaba de lanzar a la net Web Analytics, un servicio de estadísticas webs gratuita a la manera de Google Analytics. El único problema es que por ahora solo se encuentra en la versión beta cerrada, por tal motivo no he podido probarla, una pena. Habrá que esperar al próximo año, cuando Yahoo! libere el servicio.



Enlace: Yahoo! Web Analytics
Leer más...

Ya se puede descargar oficialmente el OpenOffice v 3.0

Se ha presentado oficialmente el OpenOffice.org 3.0, la última versión de esta ya popular suite de oficina.

Para descargar OpenOffice.org 3.0 podés ir a esta página con la lista oficial de los mirrows. Ver.

Entre las novedades se destacan:

  • Compatibilidad con la suite Microsoft Office.
  • Mejora en la estabilidad y comportamiento de la aplicación.
  • Dispondrá de versión nativa para Mac.
  • Permitirá la edición de documentos en PDF respetando su formato.
  • Editar wikis, blogs en Wordpress y Movable Type.
  • recibirá extensiones o plugins al estilo Firefox.
  • Incorpora una nueva aplicación de correo al estilo Outlook.

a bajarlo y disfrutarlo!!
Leer más...

13 de octubre de 2008

Superstickies un generador de notas web


Superstickies es una página donde podemos generar esas prácticas notas para mensajes muy usadas en las oficinas, la interfas es mas que simple, escribimos el mensaje elegimos el color y listo, solo nos queda guardala en nuetra computadora o también tenemos la opción de guardaslas en Flickr o en ImageShack. Es una herramienta muy útil para diseñar páginas webs con un toque original.
Leer más...

10 de octubre de 2008

Screedbot generador de texto animado.



Screedbot, el generador de texto animado al estilo de una máquina de escribir. Escribes el texto y aparecerá como si fuera tipeado en papel por una maquina de escribir manual y con un efecto de animación, idela para escribir mensajes de bienvenidas o cualquier otro uso para nuesra web. Podemos elegir el color de fondo y de las letras, luego podemos guardas el gif en nuestra PC o en Flickr o ImagShack. La interfas incluye el idiomas español y varios mas.
Leer más...

9 de octubre de 2008

Rapidshare deberá borrar el contenido con derechos de autor


Rapidshare, la web para compartir archivos, podría estar a punto de perder a muchos usuarios. La jusicia ha ordenado a sus administraciones que impedidan en su web el alamcenamiento de contenidos protegidos por los derechos de autor. El servicio que presta RapidShare es gratuito para los usuarios, que pueden optar en todo caso por una herramienta de pago que permite guardar ficheros enormes y ofrece velocidades de descarga más rápidas, además de almacenamiento indefinido de los archivos. El problema es que entre los archivos que los internautas comparten con estas herramientas se encuentran películas y discos, y los dueños de los derechos han denunciado a RapidShare en Alemania.



Fuente: elpais.com
Leer más...

7 de octubre de 2008

El 13 de octubre estará lista la versión final de OpenOffice 3.0


El próximo Lunes 13 de octubre verá la luz la nueva versión de Openoffice 3.0, la suite de herramientas de oficina multiplataforma de código abierto que compite con el ya mas que popular Mircrosoft Office que todos conocemos.

Entre las novedades de esta nueva versión se destacan:

  • Compatibilidad con la suite Microsoft Office.
  • Mejora en la estabilidad y comportamiento de la aplicación.
  • Dispondrá de versión nativa para Mac.
  • Permitirá la edición de documentos en PDF respetando su formato.
  • Editar wikis, blogs en Wordpress y Movable Type.
  • recibirá extensiones o plugins al estilo Firefox.
  • Incorpora una nueva aplicación de correo al estilo Outlook.

Por lo visto esta versión del OpenOffice traerá muchas funciones nuevas y no será un simple rediseño o lavado de cara, asi que habrá que esperar al lunes 13 para descargarlo y probarlo!!



Fuente: Genbeta

Web: OpenOffice.org

Leer más...

Ya se puede descargar el GIMP 2.6 con nuevas funciones.

E
l Gimp, la alternativa de código abierto al Photoshop
, a lanzado su última versión, la 2.6. Esta nueva versión promete nuevas funciones, como ser:

la eliminación de la barra de menú de herramientas, integrándola en la ventana de la imagen y eliminado la acumulación de ventanas en la barra de herramientas inferior

  • Una ‘ventana de imagen vacía’ que actúa como ventana base para todas la imágenes que estén abiertas. Esto supone que cerrar la imagen no implica cerrar el programa y que además existe la opción de arrastrar una imagen al cuadro y abrirla directamente.
  • La navegación de la ventana es ahora mucho menos restrictiva, ya que permite desplazar la imagen más allá de su borde´.
  • Los cambios menores incluyen menú y diálogos renombrados,
  • Una lista de anclajes cerrados recientemente y la posibilidad de reabrirlos.
  • La introducción del porcentaje del zoom en la barra de estado.
  • La mejora del soporte para la ayuda en línea y la posibilidad de bloquear solapas en los anclajes para prevenir su desplazamiento accidental.
  • Lista de todos los cambios aquí.
Descargar GIMP 2.6
Leer más...

Slidedshow de imagenes y noticias con Accesible News Slider



Accesible News Slider es una de las tantas alternativas que podemos utilizar para crear Slideshow con imagenes y links. Se puede usar para post destacados o mas visitados, o lo que ustedes imaginen. En la página oficial pueden ver una demo y mas información sobre esta herramienta.(http://www.reindel.com)


Cómo lo instalamos?

Bueno,

Primero: hay descargar los archivos y subirlos a nuestro servidor. Descargar

Segundo: copiar y pegar el siguiente código justo arriba de la etiqueta < / head >.


Script:



<link href='http://iggna.net78.net/scripts/jquery.accessible-news-slider.css' media='screen, projection' rel='stylesheet' type='text/css'/>


<script language='javascript' src='http://iggna.net78.net/scripts/jquery-1.1.3.1.pack.js' type='text/javascript'/>

<script language='javascript' src='http://iggna.net78.net/scripts/jquery.accessible-news-slider.js' type='text/javascript'/>

<script language='javascript' type='text/javascript'>

$(function() {

$(&quot;.computers_technology&quot;).accessNews({

newsHeadline: &quot;Computers &amp; Technology&quot;,

newsSpeed: &quot;normal&quot;

});

/*

newsHeadline: &quot;Top Stories&quot; (String) | Each unique slider (id) or set of sliders (class) can receive a headline.

newsSpeed: &quot;normal&quot; (String/Integer) | &quot;slow&quot;,&quot;normal&quot;,&quot;fast&quot;, or an integer, with 1 being the fastest animation.

*/

});

</script>







grabamos y vamos a a agregar "Elementos de página" elemento HTML, y copiamos este código:







<!-- Example 1 [ Begin ] -->

<div class="news_slider computers_technology">
<div class="messaging">
Please Note: You may have disabled JavaScript and/or CSS. Although this news content will be accessible, certain functionality is unavailable.
</div>
<a href="#skip_to_news_1" class="skip">Skip to news content.</a>
<a href="#" class="prev"><img env="images" width="16" alt="Previous" src="http://ignablog.googlepages.com/prev.gif" height="16" title="Previous"/></a>
<a href="#" class="next"><img env="images" width="16" alt="Next" src="http://ignablog.googlepages.com/next.gif" height="16" title="Next"/></a>
<div class="news_items">
<a name="skip_to_news_1"></a>
<div class="container fl">
<div class="item fl">
<a href="/"><img width="75" alt="" src="http://ignablog.googlepages.com/photo.gif" class="fl" height="75"/></a>
<div class="fl">
<a href="/">Etiam Porttitor Adipiscing</a><br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent pharetra nunc a ante.
</div>
</div>
<div class="item fl">
<a href="/"><img width="75" alt="" src="http://ignablog.googlepages.com/photo.gif" class="fl" height="75"/></a>
<div class="fl">
<a href="/">Praesent Ac Ligula Ac Orci Tempor Blandit</a><br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent pharetra nunc a ante.
</div>
</div>
<div class="item fl">
<a href="/"><img width="75" alt="" src="http://ignablog.googlepages.com/photo.gif" class="fl" height="75"/></a>
<div class="fl">
<a href="/">Etiam Porttitor Adipiscing</a><br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent pharetra nunc a ante.
</div>
</div>
<div class="item fl">
<a href="/"><img width="75" alt="" src="http://ignablog.googlepages.com/photo.gif" class="fl" height="75"/></a>
<div class="fl">
<a href="/">Praesent Ac Ligula Ac Orci Tempor Blandit</a><br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent pharetra nunc a ante.
</div>
</div>
<div class="item fl">
<a href="/"><img width="75" alt="" src="http://ignablog.googlepages.com/photo.gif" class="fl" height="75"/></a>
<div class="fl">
<a href="/">Etiam Porttitor Adipiscing</a><br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent pharetra nunc a ante.
</div>
</div>
<div class="item fl">
<a href="/"><img width="75" alt="" src="http://ignablog.googlepages.com/photo.gif" class="fl" height="75"/></a>
<div class="fl">
<a href="/">Praesent Ac Ligula Ac Orci Tempor Blandit</a><br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent pharetra nunc a ante.
</div>
</div>
<div class="item fl">
<a href="/"><img width="75" alt="" src="http://ignablog.googlepages.com/photo.gif" class="fl" height="75"/></a>
<div class="fl">
<a href="/">Etiam Porttitor Adipiscing</a><br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent pharetra nunc a ante.
</div>
</div>
</div>
</div>
</div>

<!-- Example 1 [ End ] -->




Si todo sale bien debería tener un slideshow como en la demo, también pueden ver como me quedó a mi en el blog de pruebas.
Leer más...

1 de octubre de 2008

Como hacer un elegante Slideshow con "Smooth Gallery"

Es uno de los mas lindos y sencillos de instalar, además tiene la ventaja de que es totalmente personalisable y tiene muchas funcionalidades, se pudee: clickear las imagenes y abrirlas en otra pantalla o abrir una página web, también se pueden dejar que las imagenes pasen por sí solas mostrando una descripsión, todo con efectos de transición muy lindos que le dan un aspecto muy profesional a nuestra página. Aquí pueden ver una demo en acción: http://prueba1005.blogspot.com/ . También lo pueden ver en la plantilla “Massive News” WordPress Theme. En la página de los creadores del script - http://smoothgallery.jondesign.net/ - pueden ver otros ejemplos y descargar las últimas versiones del script. Además funciona en Firefox, Internet Explorer, Opera y Safari.



Pero bueno, manos a la obra!

Primero bajamos el pack de archivos de aquí. Están en un archivo Zip y contiene los scripts y el css necesario. Descargar archivo.

Los arhivos que contiene son 4:

  • mootools.v1.11.js
  • jd.gallery.js
  • jd.gallery.transitions.js
  • CSS_slideshow.css

estos archivos debemos subirlos a nuestro servidor, yo en este caso usé el de google pages creator, pero hay que tener en cuenta que a fines de 2008 dejará de funcionar, asi que tenganló en cuenta.
Una vez subidos los archivos generamos un script que lo colocaremos justo arriba de: ]]></b:skin>.

Así nos quedará el script:




<script src='http://ignablog.googlepages.com/mootools.v1.11.js' type='text/javascript'/>
<script src='http://ignablog.googlepages.com/jd.gallery.js' type='text/javascript'/>
<script src='http://ignablog.googlepages.com/jd.gallery.transitions.js' type='text/javascript'/>
<link href='http://ignablog.googlepages.com/CSS_slideshow.css' media='screen' rel='stylesheet' type='text/css'/>



ya tenemos el script en el cuerpo de la página, ahora solo nos falta colocar el slideshow donde queremos que aparezca en nuestra página. Yo en el ejemplo opté por ponerlo arriba de las entradas. Entonces vamos a "Elementos de página" y agregamos el siguiente código:

<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
defaultTransition: "fadeslideleft"
});
}
window.onDomReady(startGallery);
</script>
<div id="myGallery">
<div class="imageElement">

<h3>Nombre de la página 1</h3>
<p>Aquí agregamos el texto de la descripción de la imagen 1.</p>
<a class="open" href="http://prueba1005.blogspot.com/" title="Leer más"></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGKFKgo7ANYRvAaXvMqYmu-LtM9bKLKf5LqAzkH1FBWsqPmxnyLapTHQxoOudjrKWuHOrKbJBbQXYEdtPMql1OKZVr4PwaqxR89dXrykclNrqlaIbmYZyITlyZaIVtFMTYwuxoIdp5R5M/s400/gcheeta1.jpg" class="full"/>
<img src="test.jpg" class="thumbnail"/>
</div>
<div class="imageElement">
<h3>Nombre de la página 2</h3>
<p>Aquí agregamos el texto de la descripción de la imagen 2.</p>
<a class="open" href=""http://prueba1005.blogspot.com/" title="Leer más"></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzZeeF4JUo3VDuMCwuDgCFdi_TprLLpQ6z6MpLd_6ToMfSkn4jN9IYW9Z7FV2HbukG5bnisYVcrNA2KmLpHlg_amKJqxQgs7IRwU3cod7vzTtTirlm1_cqsll_82C4BPFjOpZOX4pTa0M/s400/gjaguar1.jpg" class="full"/>
<img src="test.jpg" class="thumbnail"/>
</div>

<div class="imageElement">
<h3>Nombre de la página 3</h3>
<p>Aquí agregamos el texto de la descripción de la imagen 3.</p>
<a class="open" href=""http://prueba1005.blogspot.com/" title="Leer más"></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAJzBIaPO6zK-MkIGbcMAqHhCSj4vyDvonO1ZEwUc1He7y1csgLoGOxCne3Prg_FMVB8eXYPd2bk-oPsdfCMJff17qs6Pry_7dMcKbUeldfTFXi_4JTMzCB4A4XnmiXWOIU9ddl_-ztzk/s400/leop3.jpg" class="full"/>
<img src="test.jpg" class="thumbnail"/>
</div>
<div class="imageElement">
<h3>Nombre de la página 4</h3>
<p>Aquí agregamos el texto de la descripción de la imagen 4.</p>
<a class="open" href=""http://prueba1005.blogspot.com/" title="Leer más"></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5XCs8vn5W3i90katA9Ewkjm-98aqQXIBsAnWWnrjO9euqHKiWnUIWRF60K1JKRMzco6dVle_WdhPQ5uo7C139WC1si-bFw6mFGDuN0IZBQafyL6wxESiATTsmXzmBRTNkiuz953ZGzok/s400/snow7.jpg" class="full"/>
<img src="test.jpg" class="thumbnail"/>

</div></div>


Como vemos el script anterior tiene las direcciones de las páginas que queremos enlazar, la dirección de las imagenes que queremos mostrar, las direcciones de las páginas que queremos mostrar, un descripción y el título de la imagen, todo eso es personalizable y ustedes pueden cambiarlas a gusto.

Ahora guardamos y vamos a la vista previa para ver como quedó el Slideshow, si todo salió bien deberíamos verlo como en la página del ejemplo.
El script es totalmente personalizable, por lo que podremos cabiar la cantidad de imagenes, el tiempo, y obviamente la imagenes y su tamaño como también así los links, la descripción y el título.

Espero que les haya sido útil!!
Leer más...