Mostrando entradas con la etiqueta Gadget para blog. Mostrar todas las entradas
Mostrando entradas con la etiqueta Gadget para blog. Mostrar todas las entradas

jueves, 16 de agosto de 2012

Insertar un Twitter

Inserta un widget o gadget que muestre y permita seguir una cuenta o tema en Twitter.

En Google sites tenemos un gadget creado para ello. Accedemos como siempre por medio del menú edición:

Insertar>Mas gadgets...
Buscamos dentro del directorio Destacado el que se llama Twitter Widget


Podemos configurarlo para buscar un tema  (Search) o una cuenta (User Profile)
En este ejemplo se muestra las entradas de Twitter sobre el tema "Educación"

Display: Search
Search query: Educación


Si prefieres seguir una cuenta de twitter se configuraría así:

Display: User Profile
Username: capileiratic 
*(Mi usuario de Twitter)


-¿Te gustaría poner un Twitter animado?

1º Vamos a este sitio para crearlo: http://visibletweets.com

2º Copiamos la URL (copia la dirección que aparece en el caja del navegador) una vez que lo tenemos funcionando.
En el ejemplo que yo pongo sería: http://visibletweets.com/#query=capileiratic&animation=1

3º Hemos copiado una web, ahora lo que hay que hacer es insertarla en nuestro sitio. Para ello emplemos un gadget que se llama Include gadget (iframe). Lo encontramos dentro del directorio Destacado
Pegamos la URL y configuramos este gadget a nuestro gusto.
Aquí: Ancho=300     Altura=300




Extraído de:  https://sites.google.com/site/webscolaborativas/twitter-widget

martes, 21 de septiembre de 2010

Insertar presentación de slideshare


1- En el navegador, accedemos al sitio www.slideshare.net

2- Buscar la presentación que deseo pegar en el sitio web o blog.

3- Accedo a ver  la presentación seleccionado.

4- En la página donde se está visualizando la presentación.

  Identificar el botón: "<>Embed" ---------->      y pulsarlo.
 5- Pulsando este botón va a mostrarme la siguiente ventana

 6 - Pulso el botón --------------->      
   Con esta acción copió el código que tengo que pegar en mi web o weblog.

8- Me ubico en la página donde quiero pegar la presentación.

9- Edito esa página.

10- En la barra de edición pulso el botón <HTML>

11- Esto abrirá una ventana donde debo pegar el cógigo html copiado en el paso 6.
12- Continúo pulsando el botón "ACTUALIZAR" de la ventana donde pegué el código.
13- Grabo la página pulsando el botón "Guardar".

martes, 31 de agosto de 2010

Insertar un acceso para jugar a pantalla completa con una aplicación Flash


Para agregar un acceso a un juegos flash debemos seguir los siguientes pasos:

1- Localiza la ubicación del juego en la web.
2- Edita el código de la página que contiene el juego.
3- Busca en el código fuente el archivo flash, el que tiene extensión SWF.
4- Al encontrar el archivo selecciona el código completo de la ubicación donde se encuentra el archivo flash, esto es algo parecido a:
   http://www.physicsgames.net/swf/lightup.swf
5- Copiar ese código y pegarlo en la dirección del navegador que estás utilizando.
6- Si se abre el juego a pantalla completa, eso indicará que es la dirección dónde se ubica el juego que buscabas.
7- Edita la página donde vas a pegar tú juego.
7- Agrega el siguiente código, html en la página web, cambiando la dirección que se encuentra en verde, por la dirección del juego que quieres pegar en el sitio. Al pegar no olvides las comillas.

<div>
<a href="http://www.physicsgames.net/swf/lightup.swf"  target="_blank">Bolitas de luz - CLAUDIO</a>
</div>

8- Cambia el nombre del juego que aparece en el código en color naranja, por el nombre del juego que pegaste, y tu nombre a continuación.
9- Pulsar el botón de actualiza y finalmente el de guardar la página donde pegaste el código del juego.


Se visualizará el acceso del siguiente modo:

martes, 24 de agosto de 2010

Insertar una archivo Flash

Para agregar un archivo flash debemos seguir los siguientes pasos:

1- Localiza la ubicación del juego en la web.
2- Edita el código de la página que contiene el juego.
3- Busca en el código fuente el archivo flash, el que tiene extensión SWF.
4- Al encontrar el archivo selecciona el código completo de la ubicación donde se encuentra el archivo flash, esto es algo parecido a:
   http://www.physicsgames.net/swf/lightup.swf

5- Copiar ese código y pegarlo en la dirección del navegador que estás utilizando.

6- Si se abre el juego o la animación a pantalla completa, eso indicará que es la dirección dónde se ubica el archivo flah que buscabas.
7- Edita la página donde vas lo vas a pegar
8- Ir al menú de Insertar, selecciona: Mas gadgets...
9- Añadir gadget por URL
10- Escribir como URL lo siguiente:
http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_container.xml
Este gadget está diseñado por Philippe Chapuuis como un contenedor de archivos flash. 
Gracias a su generosidad y por compartir esto, se consigue lo que pretendemos.
11-  Configuramos el Gadget
12-  Escribimos como URL la dirección de la aplicación flash.
13- El resto de los parámetros puedes verlos en la siguiente captura:
  


Insertar un video



1- En el navegador, accedemos al sitio www.youtube.com

2- Buscar el video que deseo pegar en mi sitio web.

3- Accedo a ver el video seleccionado.

4- En la página donde se está visualizando el video, identificar el botón: "Insertar".
5- Pulsando este botón va a mostrarme el código HTML que me permite pegar el video en mi sitio.
Se verá así.




6- Selecciono las opciones que me permiten configurar color y tamaño de la ventana donde aparecerá el video.

7- Luego de la selección, copio el código HTML.

8- Me ubico en la página donde quiero pegar el video.

9- Edito esa página.

10- En la barra 





selecciono el HTML.

11- Esto abrirá una ventana donde debo pegar el cógigo html copiado en el paso 7.
12- Continúo pulsando el botón "ACTUALIZAR" de la ventana donde pegué el código.
13- Grabo la página pulsando el botón "Guardar".

lunes, 16 de agosto de 2010

Insertar un prezi


1- En el navegador, accedemos al sitio www.prezi.com

2- Buscar la presentación que deseo pegar en mi sitio web.

3- Accedo a ver  la presentación (prezi) seleccionado.

4- En la página donde se está visualizando el prezi
 


    Identificar el botón: "Share" ---------->   y pulsarlo.

5- Pulsando este botón va a mostrarme la siguiente ventana


  Selecciono el botón  --------------------> 

La ventana mostrará ahora el código que podré embeber en mi sitio.


      Es posible configurar el tamaño que va a tener la ventana que mostrará mi presentación Prezi en mi sitio.

6 - Pulso el botón --------------->  

   Con esta acción copió el código que tengo que pegar en mi web.

8- Me ubico en la página donde quiero pegar el video.

9- Edito esa página.

10- En la barra de edición pulso el botón <HTML>
11- Esto abrirá una ventana donde debo pegar el cógigo html copiado en el paso 6.
12- Continúo pulsando el botón "ACTUALIZAR" de la ventana donde pegué el código.
13- Grabo la página pulsando el botón "Guardar".

martes, 10 de agosto de 2010

Insertar un voki


Un voki es un busto parlante realizado con la herramienta voki. Es muy configurable y soporta muchos idiomas.

El proceso para insertarlo sigue los siguientes pasos:

OBTENEMOS EL CÓDIGO
  1. Ir a voki y confeccionar el personaje.
  2. Publicar para obtener el código
  3. Copiar el segundo código que suministra:For MySpace Use This Code
Puede ser como este:
<PARAM NAME="movie" VALUE="http://vhss-d.oddcast.com/vhss_editors/voki_player.swf?doc=http%3A2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm%3D44ed40ea525e97ea7ae1c0869d422153%26sc%3D1652349"><PARAM NAME="BASE" VALUE="http://vhss-d.oddcast.com/vhss_editors/"><PARAM NAME=quality VALUE=high>
<PARAM NAME=scale VALUE=noborder><PARAM NAME=bgcolor VALUE="transparent">
<EMBED allowScriptAccess="never" allownetworking="internal" src="http://vhss-d.oddcast.com/vhss_editors/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm%3D44
ed40ea525e97ea7ae1c0869d422153%26sc%3D1652349
swLiveConnect=true NAME="voki" quality=high
base="http://vhss-d.oddcast.com/vhss_editors/" scale=noborder WIDTH=200 HEIGHT=267 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash%5c"></EMBED><BR><a href="http://www.voki.com/vokiCommentEditor.php?sc=1652349"
target=_blank>Click here to comment on this Voki.</a>
<BR><a href="http://www.voki.com/"><b>Get a Voki now!</b></a><BR><BR>

Solo nos interesa el resaltado en amarillo(sin las comillas).
Deberías buscar en el tuyo algo muy similar.

INSERTAMOS UN GADGET
  1. Insertar>Mas gadgets...
  2. Añadir gadget por URL
  3. Escribir como URL lo siguiente:http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_container.xml
Este gadget está diseñado por Philippe Chapuuis como un contenedor de archivos flash.
Gracias a su generosidad y por compartir esto, se consigue lo que pretendemos.

CONFIGURAMOS EL GADGET
  1. Escribimos como URL el código (resaltado amarillo) que seleccionamos anteriormente.
  2. El resto de parámetros puedes verlos en la siguiente captura:



























martes, 3 de agosto de 2010

Insertar una página


Estas actividades se encuentran localizadas en una dirección web o URL. Tenemos 2 maneras de hacerlo:

1.Usando un gadget "Iframe"
En modo Edición:
Recurrimos a un Gadget que hay disponible para esta tarea:
Insertar>Más gadgets...
Público>Destacada>
Localizamos: Include gadget (iframe)
Aceptar

Completamos ahora la dirección web o URL, la anchura y la altura que estimemos.




2.Escribiendo el siguiente código en modo edición html:

<iframe src="http://ruta_servidor/nombre_archivo.htm"
width="500" height="500" frameborder="0" scrolling=Yes>
</iframe>

Sustituir: http://ruta_servidor/nombre_archivo.htm  por la ruta donde se encuentra la página deseada.

width:indica el ancho
height:indica la altura

Extraído de:        https://sites.google.com/site/webscolaborativas/una-web



Related Posts Plugin for WordPress, Blogger...
Related Posts Plugin for WordPress, Blogger...