Tutorial de como agregar un gadget1

15
[TUTORIAL GADGET] 18 de octubre de 2012 1 Índice del Tutorial Tutorial de como agregar un Gadget de reloj al Blogger ........................................................... 2 1. Primer Paso ......................................................................................................................... 2 2. Segundo Paso ..................................................................................................................... 2 3. Tercer paso .......................................................................................................................... 3 4. Cuarto Paso ......................................................................................................................... 4 5. Quinto Paso ......................................................................................................................... 5 6. Sexto Paso ........................................................................................................................... 5 7. Séptimo Paso ...................................................................................................................... 7 8. Octavo Paso......................................................................................................................... 7 9. Noveno Paso ....................................................................................................................... 8 10. Decimo Paso.................................................................................................................... 9 Tutorial de cómo agregar Música Al blog paso a paso ............................................................ 10 1. Primer paso........................................................................................................................ 10 2. Segundo Paso ................................................................................................................... 13 3. Tercer paso ........................................................................................................................ 15

Transcript of Tutorial de como agregar un gadget1

Page 1: Tutorial de como agregar un gadget1

[TUTORIAL GADGET] 18 de octubre de 2012

1

Índice del Tutorial Tutorial de como agregar un Gadget de reloj al Blogger ........................................................... 2

1. Primer Paso ......................................................................................................................... 2

2. Segundo Paso ..................................................................................................................... 2

3. Tercer paso .......................................................................................................................... 3

4. Cuarto Paso ......................................................................................................................... 4

5. Quinto Paso ......................................................................................................................... 5

6. Sexto Paso ........................................................................................................................... 5

7. Séptimo Paso ...................................................................................................................... 7

8. Octavo Paso ......................................................................................................................... 7

9. Noveno Paso ....................................................................................................................... 8

10. Decimo Paso .................................................................................................................... 9

Tutorial de cómo agregar Música Al blog paso a paso ............................................................ 10

1. Primer paso ........................................................................................................................ 10

2. Segundo Paso ................................................................................................................... 13

3. Tercer paso ........................................................................................................................ 15

Page 2: Tutorial de como agregar un gadget1

18 de octubre de 2012 [TUTORIAL GADGET]

GADGET Página 2

Tutorial de como agregar un Gadget de reloj al Blogger

1. Primer Paso

Entrar al blogger para eso ya debes tener creado tu cuenta en

Gmail. Entraras a la barra de dirección de tu navegador como

muestra la imagen poniendo esto:

2. Segundo Paso

De hay les saldrá una imagen parecida a esta y ponen su

usuario y su contraseña luego iniciar sesión:

Page 3: Tutorial de como agregar un gadget1

[TUTORIAL GADGET] 18 de octubre de 2012

3

3. Tercer paso

Una vez ingresado te saldrá una ventana parecida a la imagen y

tu te iras al costado del botón que dice nuevo blog para eso ya

debes tener creado tu pagina de lo que tu quieres.

Por ejemplo el nombre de mi pagina es ventas_de_software

debes hacer clic en el nombre de tu pagina como muestra

imagen.

Page 4: Tutorial de como agregar un gadget1

18 de octubre de 2012 [TUTORIAL GADGET]

GADGET Página 4

4. Cuarto Paso

Una vez hecho el clic te abrirá una imagen parecida a la que se

muestra a continuación que tendrá una serie de opciones y te

iras ala opción diseño como muestra la imagen.

Page 5: Tutorial de como agregar un gadget1

[TUTORIAL GADGET] 18 de octubre de 2012

5

5. Quinto Paso

Al hacer clic te saldrá una ventana parecida a la imagen que se

muestra. Luego hacer clic en añadir Gadget

6. Sexto Paso

Luego te saldrá una ventanita parecida a esta donde tendrás que

ir ala opción de Html/java script y ponerle un clic.

Page 6: Tutorial de como agregar un gadget1

18 de octubre de 2012 [TUTORIAL GADGET]

GADGET Página 6

Luego te saldrá una ventana parecida a la imagen hay tendrás

que pegar el código:

Page 7: Tutorial de como agregar un gadget1

[TUTORIAL GADGET] 18 de octubre de 2012

7

7. Séptimo Paso

El código de reloj lo sacaran de esta página como muestra la

imagen:

8. Octavo Paso

Copiaras el código seleccionando todo lo que esta en casillero y

poner el clic derecho para que te salga la opción copiar de hay

clic izquierdo para que copie lo seleccionado. Como lo muestra

la imagen.

Page 8: Tutorial de como agregar un gadget1

18 de octubre de 2012 [TUTORIAL GADGET]

GADGET Página 8

9. Noveno Paso

Una vez copiado se van ha agregar el Gadget como te explica

en el paso 6 y pegan el código en una ventana como muestra la

imagen de hay guardar

Page 9: Tutorial de como agregar un gadget1

[TUTORIAL GADGET] 18 de octubre de 2012

9

10. Decimo Paso

Una vez guardado te quedara esta ventana de hay haces clic en

vista previa para que veas como se agrego el reloj. Aquí

mostrare una foto de mi blogger con el reloj agregado.

Page 10: Tutorial de como agregar un gadget1

18 de octubre de 2012 [TUTORIAL GADGET]

GADGET Página 10

Tutorial de cómo agregar Música Al blog paso a paso

Los pasos básicos ya están explicados en la parte de arriba

entonces procederé a explicar lo necesario.

1. Primer paso

Primero que nada, debes registrarse en http://www.mixpod.com/

ya hecho esto:

en la barra superior busca donde diga "create playlist"

Te aparece "Create A Music Playlist"; donde dice Search Music en la

barra en blanco, escríbe el nombre de la canción o el grupo y le das

"Search", y te aparece una lista

Ahí puedes elegir la música, cantante o grupo que mas te guste,

para escuchar la música pincha en la flecha => y en botón adjunto

"un pequeño circulo con una cruz" para que se fije a tu reproductor

no importa cual elijas,

Cuando aparece el nombre de la música o artista, se pone en azul el

botón "Add Music"

Page 11: Tutorial de como agregar un gadget1

[TUTORIAL GADGET] 18 de octubre de 2012

11

Para elegir el reproductor que aparecerá en tu blog, pincha en el

siguiente botón que dice "Customize"

Para personalizarlo pinchas en "Colors and Satyles"

te vas al siguiente "settings" y donde dice "huffle" pinchas donde dice

"si" o "yes" te aparecen como 5 ó 6 opciones, a todos les das que si,

sin faltar una, ok.

De ahí te vas a "Save Playlist"

donde dice "Playlist Title" escribes el nombre del artista que elegiste

abajo tienes que describir a tu artista en el recuadro en blanco donde

dice "Playlist description" escribe lo que quieras,

después eliges una a tres categorias en las opciones que te dan;

en "Playlist Tags", dices como es tu canción, triste, romántica, etc.

separando con comas.

Page 12: Tutorial de como agregar un gadget1

18 de octubre de 2012 [TUTORIAL GADGET]

GADGET Página 12

y oprimes el recuadro verde dice "Save (get code)"

automáticamente te manda a la página con el código de la canción,

solo tienes que elegir del lado izquierdo de una lista la opción embed

code y copiar el código de hay te vas al blogger para pegarlo.

Page 13: Tutorial de como agregar un gadget1

[TUTORIAL GADGET] 18 de octubre de 2012

13

2. Segundo Paso

Una vez copiado el código del reproductor de música que hayas elegido y entra

a Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y

ahí pega el código.

Imagen de muestra 1

Page 14: Tutorial de como agregar un gadget1

18 de octubre de 2012 [TUTORIAL GADGET]

GADGET Página 14

Imagen de muestra 2

Imagen de muestra 3

Page 15: Tutorial de como agregar un gadget1

[TUTORIAL GADGET] 18 de octubre de 2012

15

3. Tercer paso

Pegar en este recuadro el código del reproductor de música

Que hiciste en mixpod.

De hay poner vista previa del blogger para ver como quedo el

reproductor agregado.