Vas a verlos por categorías, son las etiquetas.

Tenes el listado total, buscando por titulo de entrada.

Los post de ayuda están ordenado por mes.

Un listado de amigos, los que me linkean, si no estás avisame.

Podes tenerme en tu blog con un banner. Si queres algún color pedime que lo armo.

Contenido deslizante

Esta es una manera de mostrar contenidos muy práctica y rápido.
Solo tenes que pegar dos códigos en la plantilla y después desde añadir elemento de página subís este bonito slider.

Comenzamos
Primero busca esto ]]></b:skin> y antes pega el siguiente código:

Código 1 [+/-]

    /* menu deslizante */

    .contentslide{
    border: 5px solid #C3000D;/*color y ancho de recuadro*/
    border-bottom-width: 6px;
    padding: 8px;
    width: 350px;/*ancho*/
    height: 200px;/*alto*/
    background-color: #C3000D;/*color de fondo*/
    }

    .contentslide .contentdiv{
    display: none;
    }

    .pagination{
    width: 356px; /*al ancho ponele 6 más para que quede parejo*/
    text-align: right;
    background-color: #C3000D;
    border: 5px solid #C3000D;
    border-width: 0 10px;
    padding: 0 0 4px 0;
    }

    * html .pagination{ /*Mantene el ancho para explorer*/
    width: 350px; /*IE5 width*/
    width: 356px; /*IE6 width*/
    }

    .pagination a{
    padding: 0 5px;
    text-decoration: none;
    color: #000000;
    background-color: #FFFF99;
    }

    .pagination a:hover, .pagination a.selected{
    color: #FFFF99;
    background-color: #003300;
    }


Mira que en el código te digo lo más importante para configurar sus formas.

Paso 2
Ahora busca </head> y antes pega:

<script src='http://ar.geocities.com/blogdecesar/contentslider.js' type='text/javascript'>
</script>

Ahora lo mejor: subirlo.
Después de guardar plantilla vas a elemento de página, añadir, HTML/Javascript y usa lo siguiente:

<div id="slider1" class="contentslide">

<div class="contentdiv">
<img src="http://img143.imageshack.us/img143/1935/79866964ng9.jpg"/>
</div>

<div class="contentdiv">
<img src="http://img100.imageshack.us/img100/8572/92977147lg4.jpg"/>
</div>

<div class="contentdiv">
<img src="http://img143.imageshack.us/img143/3396/36204082ui2.jpg"/>
</div>

<div class="contentdiv">
<img src="http://img98.imageshack.us/img98/1991/26519894nb3.jpg"/>
</div>

<div class="contentdiv">
<img src="http://img91.imageshack.us/img91/7316/76090469kf4.jpg"/>
</div>

<div class="contentdiv">
<img src="http://img340.imageshack.us/img340/4719/58299497mn3.jpg"/>
</div>
</div>

<div id="paginate-slider1" class="pagination"></div>

<script type="text/javascript">
//Define: ContentSlider("slider_ID", [autorotate_miliseconds], [custompaginatelinkstext], [customnextlinktext])
ContentSlider("slider1")
//OR ContentSlider("slider1", 3000)
//OR ContentSlider("slider1", 3000, linktextarray)
//OR ContentSlider("slider1", 3000, linktextarray, "Foward")
//OR ContentSlider("slider1", "", linktextarray)
//OR ContentSlider("slider1", "", "", "Foward")
</script>

Te lo dejo con las fotos para que te sea fácil armarlo.

Consideraciones de configuración:
  • En este último código verás donde puse las fotos:
<div class="contentdiv">
<img src="http://img143.imageshack.us/img143/1935/79866964ng9.jpg"/>
</div>
Podes poner todas las que te de la caja, no hay problemas.
Si lo usas para poner texto va asi:
<div class="contentdiv">
Tu texto bonito...
</div>
  • Cuando pones fotos en lo único que te tenes que esmerar es en su tamaño.
En el primer código veras esto:
width: 350px;/*ancho*/
height: 200px;/*alto*/
Entonces las fotos que pongas dentro de la caja deberán ser del mismo tamaño.
Queres programas gratis para configurar fotos? Listo, busca [ACA]
  • La numeración se va dando sola, de eso no te preocupés.
Demo: Miralo en [Acción]

Dale, proba que no es complicado y queda bien.

12 comentarios :

www.OrienteBlog.tk dijo...

Hola Cesar

Bueno yo una ves mas, me gustaría saber como hago para poner esa flechita negra para ir hacia arriba.



pero me gustaría que salga ahi en las esquina donde esta la de vos

Saludos
Marcelo Pinto

shit happens dijo...

Hola César, gracias y enhorabuena por tu Blog, es una referencia para todos, y ya te enlacé en el mío, http://lablogueria.blogspot.com
Por otra parte, quisiera preguntarte sobre el widget en tu sidebar "Ayuda hasta hoy", porque me parece una manera excelente de presentar el archivo del blog; estoy buscando entre los archivos, seguro anda por ahi, pero me paro en cada uno de ellos y no termino nunca de encontrarlo! ¡Gracias!

shit happens dijo...

Umm, fijandome bien, creo que no es un widget como tal, sino el menú scroll que describes en un par de post anteriores y que le has añadido los links manualmente, ¿es asi? ¡que curro! Me gusta. Te avisaré si pongo así mi archivo, me parece super.
Un abrazo César, sigue así y mil gracias por la ayuda que nos brindas a todos.

Blog de Cesar dijo...

Hola!!!!
Volveré....
;)

MireilleMistral dijo...

Hola! paso a saludar ^^ está genial y muy útil tu blog!!! :)

www.OrienteBlog.com dijo...

ei Cesar

donde te pierdes viejo???
a ver si me podes ayudar con la flechita :D


Saludos
aaah te cuento que ya pude instalar mi .com a ver si te das una vuelta por mi Blog y miras la nueva imagen :D

Marcelo Pinto

Mile dijo...

Hola César he aquí a una bestia bípeda subnormal que no entiende ná... quiero poner esta cajita en mi blog... pero no pude.. bue si pude en sí, pero quedó mal... será que nos ponemos en contacto y me echas una manito ?? (con el blog, César, con el blog jajajaajaj)

mariangel dijo...

hola, soy nueva en esto de los blogs y me fue muy útil el tuyo.
utilicé este deslizante, le cambie los colores para que vaya mejor con mi blog y me quedó bastante bien.
gracias. saludos. voy a seguir buscando a ver q más encuentro. ;)

Tork dijo...

Me gustó mucho y gracias César por estas cosas tan bonitas para adornar el blog.

Un abrazo amigo.

C. Reyes dijo...

ES POSIBLE QUE LAS IMAGENES SE VAYAN DANDO CON AUTOREPRODUCCION???? OSEA Q SE PASEN SOLAS.
GRACIAS

Enrique Carlos Ameijeiras dijo...

Volverás algún día. Si por casualidad andas por ahí, este widget me funciona en la side bar, pero no logro que funcione como en tu ejemplo, en el post.

PIZARRO dijo...

muy bonito pero... para ponerlo en plantilla clasica como se hace?

Hola, que tal!!!
Podes mirar, copiar, sugerir y/o desechar, todo es gratis, lo único que te pido
no borrés los créditos de las plantillas y me linkees si podes.
Abrazos, buena suerte y más que suerte!

Blog de César [ayuda para blogger]
 
ir arriba <body> . </body>