Embedded Files
Quien decía que google site no podía tener banners dinámicos, os explico como hacerlo y utilizar algunos recursos de google drive y de paso, aprender algo de código o al menos modificarlo.
Lo primero que tendríamos que hacer, es crear una presentación en drive, con las dimensiones de nuestro banner y las paginas necesarias con las transiciones al gusto de cada uno y sus tiempos.
Una vez creado, iremos al menú archivo publicar en la web y allí a insertar, ya dentro de esta ventana, indicaremos nuestras preferencias y le daremos a publicar, así mismo, copiaremos el código, las dimesiones son provisionales no preocuparos por ellas, pues luego se modificaran.
Ya le disteis a publicar, pues dadle a ese botón, noooooooooooo, jejeje, es broma eso es tan solo para que se pueda ver en internet públicamente.
Ya en site en el lateral le daremos a insertar y dentro, insertar código, ahora es el momento de pegar nuestro código, el de la presentación, pero antes copiad y pegad este otro que evitara que os salgan barras de desplazamiento:
</head>
<style type="text/css">
html{overflow-y:hidden;}
html { overflow-x:hidden; }
</style>
<body>
Una vez pegado el anterior codigo, pegamos el de la presentación y modificamos el alto y ancho a nuestro gusto y necesidad, en mi caso le di estas dimensiones, 1085x250 y le daremos a insertar, aceptando posteriores ordenes.
<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vRex4D_OapjfFkBHAdQCGMugJNfKWAmzPBd1s12hKwvP0KvZwQX3KYsaIrNPmAyIfDUXkdg_eCGzQlz/embed?start=true&loop=true&delayms=2000" frameborder="0" width="1085" height="250" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
Ahora tan solo queda tocar la ventana donde esta insertada y tirar de los nodos a nuestra necesidad de esta manera recortaremos, la barra de comandos de la presentación , que google no deja eliminar o al menos desconozco.
si por un casual una vez hayamos publicado la pagina, se ve mal recortado o vemos partes que no debería estar, tan solo debemos tocar estos tres parámetros, alto, ancho y nodos. recomiendo que si el ancho es correcto toquemos ta solo los otros dos.
Indicaros que el banner solo sirve para dispositivos PC
tablets o móviles se verán recortados, pero aun sigo investigando para resolverlo.
Os dejo el código del banner de arriba completo y funcionando.
</head>
<style type="text/css">
html{overflow-y:hidden;}
html { overflow-x:hidden; }
</style>
<body>
<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vRex4D_OapjfFkBHAdQCGMugJNfKWAmzPBd1s12hKwvP0KvZwQX3KYsaIrNPmAyIfDUXkdg_eCGzQlz/embed?start=true&loop=true&delayms=2000" frameborder="0" width="1085" height="250" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
Google Sites
Report abuse