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
Mostrando entradas con la etiqueta Elementos para sitios web. Mostrar todas las entradas
Mostrando entradas con la etiqueta Elementos para sitios web. Mostrar todas las entradas
jueves, 16 de agosto de 2012
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.
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:
5- Copiar ese código y pegarlo en la dirección del navegador que estás utilizando.
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:
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
5- Pulsando este botón va a mostrarme la siguiente ventana
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.
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
<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
Gracias a su generosidad y por compartir esto, se consigue lo que pretendemos. CONFIGURAMOS EL GADGET
Extraídos de: https://sites.google.com/site/webscolaborativas/un-voki
|
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 |
Suscribirse a:
Entradas (Atom)



