Slideshow para la parte inferior de tu blog

Slideshow para la parte inferior de tu blog

Si lo quieres ver insitu dale click al botón

Aqui os traigo un Slideshow para ubicarlo en el Footer o donde querais vosotros en este punto es muy importe que te enteres de lo siguiente, si ya utilizas en tu blog de blogger este cript, (http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js) tendrás que borrar solo el script que esta marcado de color rojo, si no lo haces no se vería bien este Slideshow en tu blog, y si no utilizas ningún script en tu blog inserta todo el código tal y cual lo explico, y si ya utilizas un script similar a este, borra solo el código que esta marcado de color rojo:

En primer lugar: Busca este código ]]></b:skin> y encima de el inserta las siguientes líneas de código.

Si quieres cambiar la anchura del Slideshow y hacerlo mas pequeño, solo basta con cambiar estos numeros este es el ancho width:600px;height:200px y este el alto cambialos por el alto y ancho que te venga bien para el sitio que lo vas a poner.

También deberás buscar este código </head> y encima de el inserta la siguiente secuencia de código

Y si quieres que tu Slideshow aparezca en un widget en la parte inferior de tu blog de blogger o en cualquier sección,tan solo sigue los pasos que te voy a indicar acontinuacion dirigirte a “Diseño” y abrir “Añadir un gadget” y busca el widget que dice “HTML/Javascript” e inserta las siguientes líneas de código:

<div id='slider-holder'>
<div id='s3slider'>
<ul id='s3sliderContent'>
<li class='s3sliderImage' style='display: list-item;'>
<a href='http://www.ayudadeblogger.com/2012/06/expandir-contraer-cuadro-de-comentarios.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL6tCwL4NX35D8NiN217HzICd5T7hyphenhyphen4xsEtPRMzEYxJg88ekVVCFCiFUU1KKwQv9lW0xvI0zkssBFQkD_yIRulGWhrL_aDQEXRv7OlAV9qXs2cEh7Mno3H65C3ELcMaVNKeU7WgfVRO6Q/s1600/hostgator+widget+para+blogger.JPG' style='width: 600px; height: 200px;'/></a>
<span style='display: block;'>
<a class='featured-title block' href='http://www.ayudadeblogger.com/2012/06/expandir-contraer-cuadro-de-comentarios.html'>Cuadro de Comentarios</a><br/>
Expandir Contraer cuadro de Comentarios en Blogger, metodo facil
</span>
</li>
<li class='s3sliderImage' style='display: none;'>
<a href='http://www.ayudadeblogger.com/2012/06/como-compartir-todo-tipo-de-widget-de.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDjzCKNy0Y366oMb-DIqtECtjZPHisZI1abEXM_T5-AVBKjNaIseh5aswdUtFBDMHNw02VKCVbasOw837c2ZIxfr65leddLpbkqxXcUpuvDcuMnLIr-uXB3r-NF1RDqYEtEOr6J7n2BdU/s1600/hostgator+widget+para+blogger.JPG' style='width: 600px; height: 200px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href='http://www.ayudadeblogger.com/2012/06/como-compartir-todo-tipo-de-widget-de.html'>Caja de Redes Sociales</a><br/>
Insertar caja de redes sociales en mi post de blogger, aplicarlo con facilidad
</span>
</li>
<li class='s3sliderImage' style='display: none;'>
<a href='http://www.ayudadeblogger.com/2012/06/cuales-son-los-sitios-de-google-para.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9DHQeBB-YG9Lx3Hh8MB3pTpCLm7UzmeIqi9BDid7FEDuArNZHwZxGQfdPLdoqnFzDbIVbfjRVrhI0aJb6VVUB_kJAECrRXcuH6UNy4LK79hpJB7GjM8ys6TT6XRuNqd-ZdPTu9FRKbT0/s1600/Cu%C3%A1les+son+los+sitios+de+Google+para+empresas.jpg' style='width: 600px; height: 200px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href='http://www.ayudadeblogger.com/2012/06/cuales-son-los-sitios-de-google-para.html'>Sitios de Google</a><br/>
Cuáles son los sitios de Google para empresas?.....
</span>
</li>
<li class='s3sliderImage' style='display: none;'>
<a href='http://www.ayudadeblogger.com/2012/06/crear-una-pagina-de-negocios-en-google.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqWAgZb4l1Ks9J_tRSzEFuqQgYSbsobPrqlwlkLU-abuttLHtrzMSt6hfKFbG7jTofQvEhJnFRt17iAic2ZVqwXTTnnYH-5MD-KiDvByhUsQMFYhUKwMZp6jxPPJFdCibfOOAhyQUWkCo/s1600/Crear+una+p%25C3%25A1gina+de+negocios+en+Google+%252B+para+atraer+m%25C3%25A1s+clientes++%255BTutorial%255D.jpg' style='width: 600px; height: 200px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href='http://www.ayudadeblogger.com/2012/06/crear-una-pagina-de-negocios-en-google.html'>NEGOCIOS EN GOOGLE</a><br/>
Crear una página de negocios en Google + para atraer más clientes
</span>
</li>
<li class='s3sliderImage' style='display: none;'>
<a href='http://www.ayudadeblogger.com/2012/06/las-20-mejores-tacticas-de-seo-que-cada.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Uu6prHmo0lx6Vv3KLfsOi2iB4bVt4v1fsktkNY_OgjdCY9J7wxSXHxSrT6yUAKkD7q_3FxijdKW0p80XgAr72mDfhZn9xTn-CIQn8LmyTLgA0Roij_mJtQrasvHfqbuXXT46ny-JPEo/s320/Las+20+mejores+t%25C3%25A1cticas+de+SEO+que+cada+blogger+debe+saber.jpg' style='width: 600px; height: 200px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href='http://www.ayudadeblogger.com/2012/06/las-20-mejores-tacticas-de-seo-que-cada.html'>Tacticas para Blogger</a><br/>
Las 20 mejores tácticas de SEO que cada blogger debe saber....
</span>
</li>
<li class='clear s3sliderImage'/>
</li>
</ul>
</div>
</div>

Realiza estos cambios:

Los links que están marcados de color azul, deberás remplazarlos por los links correspondientes de tus post.

<a class='featured-title block' href='http://www.ayudadeblogger.com/2012/06/las-20-mejores-tacticas-de-seo-que-cada.html'>Tacticas para Blogger</a><br/>

-------------------------------------------------------------------------------------------------------------------------

Los links que están marcados de color rojo, son los que sirven para mostrar las imágenes de tus post, deberás insertar cada uno de ellos en los diferentes links que están marcados de color rojo y remplazarlos por los tuyos.

src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Uu6prHmo0lx6Vv3KLfsOi2iB4bVt4v1fsktkNY_OgjdCY9J7wxSXHxSrT6yUAKkD7q_3FxijdKW0p80XgAr72mDfhZn9xTn-CIQn8LmyTLgA0Roij_mJtQrasvHfqbuXXT46ny-JPEo/s320/Las+20+mejores+t%25C3%25A1cticas+de+SEO+que+cada+blogger+debe+saber.jpg' style='width: 600px; height: 200px;'/></a>

-------------------------------------------------------------------------------------------------------------------------

Las letras que están marcadas de color verde, caberas cambiarlas por el titulo que tu quieras que se muestre en tu

Slideshow

>Tacticas para Blogger<

-------------------------------------------------------------------------------------------------------------------------

Y por último las palabras que se encuentran marcadas de color Gris, deberás cambiarlas por un pequeño resumen en cada una de ellas.

Las 20 mejores tácticas de SEO que cada blogger debe saber..

-------------------------------------------------------------------------------------------------------------------------

Eso es todo, dale un clic en “Guardar” y ubica tu widget donde quieras mostrar este nuevo Slideshow.

Si todo lo has hecho tal como te he indicado funciona a la mil maravillas pues como te he enseñado esta montado en una plantilla simple de Blogger.

Políticas de Uso