. Luego descomprimimos el archivo Zip y nos encontraremos con estos archivos y carpetas:
.
Una vez subidos al servidor, volvemos a blogger y vamos a "Diseño" y ahí a "Edición HTML," una vez allí buscamos ]]></b:skin> justo debajo de esto copiamos el siguiente link:
Sólo deben cambiar lo que está en negritas por la dirección URL donde han cargado el archivo
.
Guardamos y ahora vamos a "Elementos de página" y añadimos un nuevo" gadget HTML," el código a ingresar será el siguiente:
<ul id="slideshow">
<li>
<h3>TinySlideshow v1</h3>
<span>http://iggna.net78.net/scripts/tinyslideshow/photos/orange-fish.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec
mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="http://iggna.net78.net/scripts/tinyslideshow/thumbnails/orange-fish-thumb.jpg"
alt="Orange Fish"/></a>
</li>
<li>
<h3>Sea Turtle</h3>
<span>http://iggna.net78.net/scripts/tinyslideshow/photos/sea-turtle.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec
mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<img alt="Sea Turtle" src="http://iggna.net78.net/scripts/tinyslideshow/thumbnails/sea-turtle-thumb.jpg"
/>
</li>
<li>
<h3>Red Coral</h3>
<span>http://iggna.net78.net/scripts/tinyslideshow/photos/red-coral.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec
mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="http://iggna.net78.net/scripts/tinyslideshow/thumbnails/red-coral-thumb.jpg"
alt="Red Coral"/></a>
</li>
<li>
<h3>Coral Reef</h3>
<span>http://iggna.net78.net/scripts/tinyslideshow/photos/coral-reef.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec
mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="http://iggna.net78.net/scripts/tinyslideshow/thumbnails/coral-reef-thumb.jpg"
alt="Coral Reef"/></a>
</li>
<li>
<h3>Blue Fish</h3>
<span>http://iggna.net78.net/scripts/tinyslideshow/photos/blue-fish.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec
mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<img alt="Blue Fish" src="http://iggna.net78.net/scripts/tinyslideshow/thumbnails/blue-fish-thumb.jpg"/>
</li>
<li>
<h3>TinySlideshow v.2</h3>
<span>http://iggna.net78.net/scripts/tinyslideshow/photos/yellow-fish.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec
mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="http://iggna.net78.net/scripts/tinyslideshow/thumbnails/yellow-fish-thumb.jpg"
alt="Yellow Fish"/></a>
</li>
<li>
<h3>Squid</h3>
<span>http://iggna.net78.net/scripts/tinyslideshow/photos/squid.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec
mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="http://iggna.net78.net/scripts/tinyslideshow/thumbnails/squid-thumb.jpg"
alt="Squid"/></a>
</li>
<li>
<h3>Small Fish</h3>
<span>http://iggna.net78.net/scripts/tinyslideshow/photos/small-fish.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec
mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="http://iggna.net78.net/scripts/tinyslideshow/thumbnails/small-fish-thumb.jpg"
alt="Small Fish"/></a>
</li>
</ul>
<div id="wrapper">
<div id="fullsize">
<div id="imgprev" class="imgnav" title="Previous Image"></div>
<div id="imglink"></div>
<div id="imgnext" class="imgnav" title="Next Image"></div>
<div id="image"></div>
<div id="information">
<h3></h3>
<p></p>
</div>
</div>
<div id="thumbnails">
<div id="slideleft" title="Slide Left"></div>
<div id="slidearea">
<div id="slider"></div>
</div>
<div id="slideright" title="Slide Right"></div>
</div>
</div>
<script src=
"compressed.js" type="text/javascript"></script>
<script type="text/javascript">
$('slideshow').style.display='none';
$('wrapper').style.display='block';
var slideshow=new TINY.slideshow("slideshow");
window.onload=function(){
slideshow.auto=true;
slideshow.speed=5;
slideshow.link="linkhover";
slideshow.info="information";
slideshow.thumbs="slider";
slideshow.left="slideleft";
slideshow.right="slideright";
slideshow.scrollSpeed=4;
slideshow.spacing=5;
slideshow.active="#fff";
slideshow.init("slideshow","image","imgprev","imgnext","imglink");
}
</script>
Lo que deberarán cambiar aquí, serán las direcciones de la imágenes y la dirección del archivo
por la dirección donde hayan alojado el archivo.
Entradas
