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'/>
<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!
1 comentario:
Hey! pero como ha cambiado este blog visualmente de la ultima vez que lo visité, que si no me confundo aun era dentro de blogspot.com.
bueno, te cuento que soy Ana Lucia de http://chiflame.net/, un meneame argentino que creamos con un compa de la facu para ayudar a los bloggers a que puedan conseguir enlaces y aumentar las visitas a sus blogs, un beso
Publicar un comentario
Comente! :P