banner google site

Tutto banner dinamico

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>

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.

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>

html{overflow-y:hidden;}

html { overflow-x:hidden; }

</style>

<body>