Tutorial

1.- Crear pagina con distintas entradas.

a) Pinchamos en la etiqueta de la cual queremos crear la pagina
b) Copiar el URL de la pagina del blog que se nos ha abierto.
c) Vamos al Gadget donde tenemos las paginas y damos a editar
d) En la ventana que aparece seleccionamos Añadir enlace externo y guardar
Optativo: Podemos ordenar el orden del menu Paginas en la ventana del apartado d)

2.- Añadir pagina con codigo HTML

a) Para añadir algun objeto mediante codigo HTML debemos dar a la pestaña que aparece arriba izquierda (HTML, junto a REDACTAR).
b) Si queremos añadir algun texto, debemos volver a la pestaña REDACTAR

3.- Añadir gadget HTML (reloj, mapa, tiempo....)

a) Vamos a diseño
b) Añadir gadget
c) Seleccionamos HTML/JAVASCRIPTS
d) Poner titulo y en contenido añadir nuestro codigo HTML.

4.- Añadir documento de Drive

a) Crear nueva pagina y dar pestaña HTML
b) Copiar este codigo

<a href='
https://docs.google.com/uc?export=download&amp;id=CODIGO_DRIVE
'>Descarga el archivo</a>

c)  Ir a Drive
d) Seleccionar documento
e) Compartir
f) Copiar direccion o enlace
g) Pegar solo una parte
https://drive.google.com/file/d/1lKz31fqWoFJ21uMJBTJCIYpm2h5N2adn/view?usp=sharing

5.-Añadir lista reproduccion Spotify

a) Crear un gadget de HTML
b) Ir a spotify
c) Debajo de todo, click a desarrolladores
d) Debajo de todo, widgets
e) Primer parrafo PLAY BUTTON
f) Menu izquierdo ADDING A WIDGET
g) Dentro de blogger en la opcion 4 dar PLAY BUTTON.
h) Abir otra pestaña e ir a la pagina principal de SPOTIFY
i) Buscar la lista de reproduccion deseada y seleccionar
j) Boton derecho sobre caratula de la lista, seleccionar copiar enlace
k) Volver a la pestaña del punto g)
l) Pegar el enlace en el punto 2. que aparece en la pagina
ll) Copiar el codigo que aparece en el punto 3
m) Pegar el codigo copiado en nuestro gadget del blogger.


6.- Añadir codigo QR

a.- Entrar en esta pagina
b.- Meter la direccion URL que queremos ver mediante el QR
c.- Generar QR
d.- Copiar codigo HTML
e.- Añadir a gadget como HTML

7.- Añadir calendario

a.- Igual que cualquier gadget HTML con el siguiente codigo

<div id='calendar'><strong>Loading...</strong></div>
<script>
var conf = {
 bgcolor: '#5692ce', 
 newtab:  1,         // 0:abre link en la misma ventana | 1:abre link en ventana nueva
 start:   1,         // 0:Domingo | 1:Lunes
 days:    "Lunes|Martes|Miercoles|Jueves|Viernes|Sabado|Domingo",
 months:  "Enero|Febrero|Marzo|Abril|Mayo|Junio|Julio|Agosto|Septiembre|Octubre|Noviembre|Diciembre",
 date:    "Ir al mes actual"
}
</script>
<script src='https://cdn.rawgit.com/jmacuna/calendar-widget/master/create-calendar.js' type='text/javascript'></script>
<script src='https://jmacuna.tecnoblog.guru/feeds/posts/summary?max-results=1000&alt=json-in-script&orderby=published&callback=createCalendar' type='text/javascript'></script>

8.- Centrar menu horizontal

a.- Tema
b.- Personalizar
c.- Arriba izquierda AVANZADO
d.- Justo a la derecha AÑADIR CSS
e.- En el recuadro que se ha abierto pegar el siguiente codigo

.PageList {text-align:center !important;}

.PageList li {display:inline !important; float:none !important;}