Tutorial de como agregar un gadget

1

[ ] 18 de octubre de 2012

Índice del TutorialTutorial 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

18 de octubre de 2012 [ ]

Tutorial de como agregar un Gadget de reloj al Blogger1. 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:

GADGET Página 2

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.

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.

GADGET Página 4

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.

Luego te saldrá una ventana parecida a la imagen hay tendrás que pegar el código:

GADGET Página 6

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.

9. Noveno Paso

GADGET Página 8

9


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

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.

GADGET Página 10

11


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"


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 elegisteabajo 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.

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

GADGET Página 12

13


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.

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

GADGET Página 14

15


Imagen de muestra 2


Imagen de muestra 3

3. Tercer paso Pegar en este recuadro el código del reproductor de música Que hiciste en mixpod.

GADGET Página 16

17


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

Tutorial de como agregar un gadget

Technology

Transcript of Tutorial de como agregar un gadget