martes, 25 de enero de 2011

ventana popup 1 para blogger

bueno este es un efecto bonito para poner en su blog nos ubicamos en diseño, edición html y buscamos la etiqueta </HEAD>  antes de esta ponemos este codigo



<!-- andres2288--> 

<script src='http://www.dolem.com/lib/lytebox/lytebox.js' type='text/javascript'></script> 
<link href='http://www.dolem.com/lib/lytebox/lytebox.css' media='screen' class='stylesheet' type='text/css'/> 
<!-- andres2288-->
 
le dan guardar y listo

en las entradas ponen el siguiente codigo

1. si quieren poner una imagen ponen el siguiente codigo
 
<a href="url de tu imagen" class="lytebox" title="Image Description">Image #1</a>
 

aqui un ejemplo de una imagen

2.si quieren un grupo de imagenes enlazadas escriben el siguiente codigo
 
<a href="url imagen 1" class="lytebox[vacation]" title="Mom and Dad">Mom and Dad</a>
<a href="url imagen 2" class="lytebox[vacation]" title="My Sister">My Sister</a>
 

3.si quieren incrustar una pagina web pegan el siguiente codigo
 
<a href="http://www.google.com" class="lyteframe" title="Search Google" 
   data-lyte-options="width:1000 height:550 scrolling:no">Google Search</a>


aqui el ejemplo de pagina web

donde el ancho osea horizontal es donde dice width:1000 lo puden cambiar por el valor que gusten, y donde dice height:550 es el vertical de la pagina delen el valor que quieran




5. si quieren un pdf ponen el siguiente codigo


<a href="url del pdf" class="lyteframe" 
title="SETI Certificate" data-lyte-options="height:95%">titulo del pdf</a>


un ejemplo de pdf aqui
PDF Documents



6. si quieren un archivo flash osea un .swf una animacion ponen el sigueinte codigo

<a href="tu animacion en flash aqui o la url del flash osea un .swf" class="lyteframe" data-lyte-options="width:420px height:320px" title="titulo del flash">Flash</a>

aqui un ejemplo de una animacion animacion Flash



7. si quieren un video de youtube ponen el siguiente codigo
<a href="url de tu video con el codigo embed" 
   class="lyteframe" data-lyte-options="width:560 height:349">descripcion del video</a>

url de tu video con el codigo embed = quiere decir busquen el video en youtube cuando entren al video le dan click en compartir y luego en insertar ahy le saldra un codigo parecido a este
<iframe width="420" height="345" src="http://www.youtube.com/embed/e16uobGL2U8" frameborder="0" allowfullscreen>

http://www.youtube.com/embed/e16uobGL2U8 este codigo es el que deben poner en la url de arriba donde dice
url de tu video con el codigo embed
si quieren ver como queda click aqui abajo


YouTube video




bueno y si lo quieren para pagina web
descarguen este archivo para subir las imagenes

descargar archivo


gracias a lytebox

2 comentarios:

Radix Luque dijo...

Excelente tema el que nos estás dando, tengo varias páginas web alojadas en blogger, me gustaría saber si hay limitaciones en cuanto al uso de blogs en Blogger, como por ejemplo si hay un límite de ancho de banda

andres felipe dijo...

no hay limite en la creacion de blogs en blogger puedes crear los que tu desees, no entiendo cuando dices ancho de banda Radix, o de pronto quieres decir que si blogger tiene limite de hosting para nuestros blogs pues no tiene limite
se cuida

Publicar un comentario