Un gran cambio de Look en el blog con ThickBox -Tutorial-

Bueno este tutorial es de como hacer el efecto de Thickbox!!
Asi se va a ver en su blog..
Este es el Demo, Si le das click en la imagen veras como FUNCIONA!!:


Aqui puede bajar el Codigo: ThickBox Tutorial Hecho por Nitos
aqui vamos..

Primero guardar su plantilla en blogger!!
Diseño>Configurar HTML>Guardar Plantilla Completa

Segundo es subir los archivos en googlepages.com, todo blogger tiene ya una cuenta de google asi que solo log-in y tiene una pagina para poner lo que le da la gana, ahi se puede subir archivos etc..

Tercero es añadir este codigo en el HTML de la plantilla, esto debe estar localizado despues del

<header>

<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'> </script>
<script type='text/javascript' src='EL URL del Codigo .JS'> </script>
<link type='text/css' rel='stylesheet' href='URL del Archivo CSS'/>

***Hay un url, que ya tiene el codigo, ese lo da gratis jquery, eso es el Codigo que se usa para hacer el efecto..***

Bajese Los Codigos AQUI

Cuarto paso es muy sencillo, es guardar la plantilla y para cada imagen que quiera tener el efecto ThickBox, entonces se pone este Codigo..

<a href="URL de la Imagen" title="" class="thickbox" rel=""> <img src="URL de la Imagen" alt="" /> </a>

<a href="URL de la Imagen" title="" class="thickbox" rel=""> Aqui esta la imagen </a>

Este Ultimo es asi..
Delen click para ver la imagen del puente!

Vuelve el Thickbox !

Que es el ThickBox??
Bueno es que cuando uno le da click en una imagen sale un cuadro y se ve la imagen mejor..
Ejemplo:

Dele Click en la Imagen!!




Porque digo que vuelve??
Porque hace unos dias se me habia despedazado todo el codigo.. ahora esta bien!

Lo queres poner en tu Blog??
Bueno para eso voy a hacer un post mas tarde explicando eso.. pero no se cuando va a ser asi que si quieres mantenerte al tanto suscribete a mi RSS (Feed)