lunes, 14 de febrero de 2011

Configurar el Content Slider - Rotador de Noticias



Hay un par de cosas que van a necesitar antes.

1 Tener subidas a la web (puede ser el mismo blogger) las imágenes que van usar en el rotador, las imágenes deben ser de un tamaño de 610 x  320 Px. aunque si estan de otro tamaño serán cambiadas automáticamente, eso si perderán resolución.

Para subir las imágenes pueden usar un post borrador y usar la función de blogger para subir imágenes. vayan al front page del blog, y hagan boton derecho sobre las imágenes, copien la URL de la imagen.

2 Tener la descripción y títulos de los titulares de esas fotos

3 Tener URLs de destino, para al hacer click en la foto ser direccionados

Para configurar el Content slider:

Busquen la etiqueta <!-- Featured Content Slider Started -->

cada bloque de estos divs representa un Slide

<div class='fp-post'>
<div class='fp-thumbnail'><a href='http://www.andresparedes.com/search/label/blogger'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgROYUQ7WUyQOMjPHjR8Z4uh6l07ZRrgmKJbH8nWHP6SxvlfdiEQW0C65G6uzmCIBUNvk0lSuDN1TdZVp3_bwOYLZMP_J9dnr7mhqfVcj5ty60LRXgIZU9H5oPmllPpMKDpd7HmYZA4nDut/s1600/apple-musical-keynote.jpg/'/></a></div>
<h3 class='fp-title'><a href='http://www.andresparedes.com/search/label/blogger'>1 El título de este slide</a></h3>
<p>El texto de la noticia o slide</p>
</div>

remplacen las URLS de las imágenes, URL de destino, y Textos descriptivos. (ver el video)

Lás imágenes usadas:

8 comentarios:

Gracias!!!!
Que excelente forma de mostrarnos como hacer cambios a las plantillas, sobre todo para los que sabemos tan poco de estas cosas.
De nuevo gracias!!!!

Que bueno que te haya servido! Visité tu blog y veo que te sirvio. No olvides ponernos en tu blog en "blogs amigos"

hola muy bueno el post
queria saber si se podia cambiar el ancho del content slider

No termino de entender, no me sale estoy en busca de un rotador de noticias pero este no me sale..

Profe yo no tengo Dreamweaver ,si se como configurar cada bloque pero no se que es lo que lleva al comienzo y al final, que codigo y por eso estoy barado..Ayuda por favor,Necesito un codigo de ejemplo pero completo para asi tener una idea de como insertarlo de manera completa..

Este comentario ha sido eliminado por el autor.

no existe la etiqueta:

Featured Content Slider Started

en mi plantilla =/

Oye yo estoy interesado si cconsigues la manera por favor me das la informacion ....

Publicar un comentario

Compartir

Twitter Delicious Facebook Digg Stumbleupon Favorites More