Tutorial [Blogger]: Slideshow para Blog (Mostrar contenido destacado)

Este es otro pedido de tutorial y es para Pashis, quien me lo pidió en la Cbox, quería saber como poner el
slideshow que tengo en mi blog, (el de arriba de las entradas) y aquí esta:







Primero hay que colocar los scripts:
Diseño>> Edición de HTML y antes de </head> pegamos el siguiente código:

Código (da clic para ver el código)

Ahora los estilos, antes de  ]]></b:skin> pegamos esto:
Código (da clic para ver el código)


Por último, pegamos el código que nos mostrará las imágenes, guardamos y ahora nos vamos a Elementos de página >>> Añadir HTML/Javascript

<div id='featured'>

<a href='URL del enlace'><img rel='foto1' src="URL de la imagen" style='width:490px; height:238px;'/></a>
<span class='orbit-caption' id='foto1'>DESCRIPCIÓN.</span>

<a href='URL del enlace'><img rel='foto2' src="URL de la imagen" style='width:490px; height:238px;'/></a>
<span class='orbit-caption' id='foto1'>DESCRIPCIÓN</span>

<a href='URL del enlace'><img rel='foto3' src="URL de la imagen" style='width:490px; height:238px;'/></a>
<span class='orbit-caption' id='foto1'>DESCRIPCIÓN.</span>

<a href='URL del enlace'><img rel='foto4' src="URL de la imagen" style='width:490px; height:238px;'/></a>
<span class='orbit-caption' id='foto1'>DESCRIPCIÓN.</span>


</div>

Sustituimos lo que tenemos en rojo con las url de las imagenes, las direcciones y las descripciones, que queramos, para que queden como el slideshow que esta en este blog.
Guardamos y listo, tenemos nuestro slideshow!!


Slideshow perteneciente a ciudadblogger.com

Espero que les sea de ayuda, cualquier duda, sugerencia, queja o pedido en el cbox o dejen un comentario en las entradas.

See ya!!

Fuente: ciudad blogger