Para los webmasters con mayor experiencia en la edición de sitios en PWGratis, un recurso muy personalizable y llamativo es un banner o presentación de imágenes.
Una opción sencilla es hacerlo a través de Javascript, que permite usar una serie de imágenes temporizadas y botones de selección, tal como se aprecia en la página principal del Portal.
A continuación está el código original, tal como se usa en nuestro sitio. Simplemente hay que reemplazar al final la dirección de cada una de las imágenes (con el formato: http://www.sitio.com/imagen_1.jpg), donde el texto aparece en rojo.
<script type="text/javascript">
//==================================================
function slide(src,link,text,target,attr) {
this.src = src;
this.link = link;
this.text = text;
this.target = target;
this.attr = attr;
if (document.images) {
this.image = new Image();
}
this.loaded = false;
//--------------------------------------------------
this.load = function() {
if (!document.images) { return; }
if (!this.loaded) {
this.image.src = this.src;
this.loaded = true;
}
}
//--------------------------------------------------
this.hotlink = function() {
var mywindow;
if (!this.link) return;
if (this.target) {
if (this.attr) {
mywindow = window.open(this.link, this.target, this.attr);
} else {
mywindow = window.open(this.link, this.target);
}
if (mywindow && mywindow.focus) mywindow.focus();
} else {
location.href = this.link;
}
}
}
//==================================================
// slideshow object
//==================================================
function slideshow( slideshowname ) {
this.name = slideshowname;
this.repeat = true;
this.prefetch = -1;
this.image;
this.textid;
this.textarea;
this.timeout = 7000;
this.slides = new Array();
this.current = 0;
this.timeoutid = 0;
//--------------------------------------------------
this.add_slide = function(slide) {
var i = this.slides.length;
if (this.prefetch == -1) {
slide.load();
}
this.slides[i] = slide;
}
//--------------------------------------------------
this.play = function(timeout) {
this.pause();
if (timeout) {
this.timeout = timeout;
}
if (typeof this.slides[ this.current ].timeout != 'undefined') {
timeout = this.slides[ this.current ].timeout;
} else {
timeout = this.timeout;
}
this.timeoutid = setTimeout( this.name + ".loop()", timeout);
}
//--------------------------------------------------
this.pause = function() {
if (this.timeoutid != 0) {
clearTimeout(this.timeoutid);
this.timeoutid = 0;
}
}
//--------------------------------------------------
this.update = function() {
if (! this.valid_image()) { return; }
if (typeof this.pre_update_hook == 'function') {
this.pre_update_hook();
}
var slide = this.slides[ this.current ];
var dofilter = false;
if (this.image &&
typeof this.image.filters != 'undefined' &&
typeof this.image.filters[0] != 'undefined') {
dofilter = true;
}
slide.load();
if (dofilter) {
if (slide.filter &&
this.image.style &&
this.image.style.filter) {
this.image.style.filter = slide.filter;
}
this.image.filters[0].Apply();
}
// Update the image.
this.image.src = slide.image.src;
if (dofilter) {
this.image.filters[0].Play();
}
this.display_text();
if (typeof this.post_update_hook == 'function') {
this.post_update_hook();
}
if (this.prefetch > 0) {
var next, prev, count;
next = this.current;
prev = this.current;
count = 0;
do {
if (++next >= this.slides.length) next = 0;
if (--prev < 0) prev = this.slides.length - 1;
// Preload the slide image
this.slides[next].load();
this.slides[prev].load();
} while (++count < this.prefetch);
}
}
//--------------------------------------------------
this.goto_slide = function(n) {
if (n == -1) {
n = this.slides.length - 1;
}
if (n < this.slides.length && n >= 0) {
this.current = n;
}
this.update();
}
//--------------------------------------------------
this.goto_random_slide = function(include_current) {
var i;
if (this.slides.length > 1) {
do {
i = Math.floor(Math.random()*this.slides.length);
} while (i == this.current);
// Display the slide
this.goto_slide(i);
}
}
//--------------------------------------------------
this.next = function() {
if (this.current < this.slides.length - 1) {
this.current++;
} else if (this.repeat) {
this.current = 0;
}
this.update();
}
//--------------------------------------------------
this.previous = function() {
if (this.current > 0) {
this.current--;
} else if (this.repeat) {
this.current = this.slides.length - 1;
}
this.update();
}
//--------------------------------------------------
this.shuffle = function() {
var i, i2, slides_copy, slides_randomized;
slides_copy = new Array();
for (i = 0; i < this.slides.length; i++) {
slides_copy[i] = this.slides[i];
}
slides_randomized = new Array();
do {
i = Math.floor(Math.random()*slides_copy.length);
slides_randomized[ slides_randomized.length ] =
slides_copy[i];
for (i2 = i + 1; i2 < slides_copy.length; i2++) {
slides_copy[i2 - 1] = slides_copy[i2];
}
slides_copy.length--;
} while (slides_copy.length);
this.slides = slides_randomized;
}
//--------------------------------------------------
this.get_text = function() {
// This method returns the text of the current slide
return(this.slides[ this.current ].text);
}
//--------------------------------------------------
this.get_all_text = function(before_slide, after_slide) {
all_text = "";
for (i=0; i < this.slides.length; i++) {
slide = this.slides[i];
if (slide.text) {
all_text += before_slide + slide.text + after_slide;
}
}
return(all_text);
}
//--------------------------------------------------
this.display_text = function(text) {
if (!text) {
text = this.slides[ this.current ].text;
}
if (this.textarea && typeof this.textarea.value != 'undefined') {
this.textarea.value = text;
}
if (this.textid) {
r = this.getElementById(this.textid);
if (!r) { return false; }
if (typeof r.innerHTML == 'undefined') { return false; }
// Update the text
r.innerHTML = text;
}
}
//--------------------------------------------------
this.hotlink = function() {
this.slides[ this.current ].hotlink();
}
//--------------------------------------------------
this.save_position = function(cookiename) {
if (!cookiename) {
cookiename = this.name + '_slideshow';
}
document.cookie = cookiename + '=' + this.current;
}
//--------------------------------------------------
this.restore_position = function(cookiename) {
if (!cookiename) {
cookiename = this.name + '_slideshow';
}
var search = cookiename + "=";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search);
// if cookie exists
if (offset != -1) {
offset += search.length;
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1) end = document.cookie.length;
this.current = parseInt(unescape(document.cookie.substring(offset, end)));
}
}
}
$html = "n";
// Loop through all the slides in the slideshow
for (i=0; i < this.slides.length; i++) {
slide = this.slides[i];
$html += '<P>';
if (slide.link) {
$html += '<a href="' + slide.link + '">';
}
$html += '<img src="' + slide.src + '" ALT="FINCA International">';
if (slide.link) {
$html += "</a>";
}
if (slide.text) {
$html += "<BR>n" + slide.text;
}
$html += "</P>" + "nn";
}
// Make the HTML browser-safe
$html = $html.replace(/&/g, "&" );
$html = $html.replace(/</g, "<" ); $html = $html.replace(/>/g, ">" );
return('<pre>' + $html + '</pre>');
}
//==================================================
// Private methods
//==================================================
//--------------------------------------------------
this.loop = function() {
if (this.current < this.slides.length - 1) {
next_slide = this.slides[this.current + 1];
if (next_slide.image.complete == null || next_slide.image.complete) {
this.next();
}
} else { // we're at the last slide
this.next();
}
// Keep playing the slideshow
this.play( );
}
//--------------------------------------------------
this.valid_image = function() {
// Returns 1 if a valid image has been set for the slideshow
if (!this.image)
{
return false;
}
else {
return true;
}
}
//--------------------------------------------------
this.getElementById = function(element_id) {
if (document.getElementById) {
return document.getElementById(element_id);
}
else if (document.all) {
return document.all[element_id];
}
else if (document.layers) {
return document.layers[element_id];
} else {
return undefined;
}
}
this.set_image = function(imageobject) {
if (!document.images)
return;
this.image = imageobject;
}
//--------------------------------------------------
this.set_textarea = function(textareaobject) {
this.textarea = textareaobject;
this.display_text();
}
//--------------------------------------------------
this.set_textid = function(textidstr) {
this.textid = textidstr;
this.display_text();
}
}
</script>
<SCRIPT type="text/javascript">
SLIDES = new slideshow("SLIDES");
s = new slide();
s.src = "IMAGEN_1";
s.text = "";
SLIDES.add_slide(s);
s = new slide();
s.src = "IMAGEN_2";
s.text = "";
SLIDES.add_slide(s);
s = new slide();
s.src = "IMAGEN_3";
s.text = "";
SLIDES.add_slide(s);
s = new slide();
s.src = "IMAGEN_4";
s.text = "";
SLIDES.add_slide(s);
s = new slide();
s.src = "IMAGEN_5";
s.text = "";
SLIDES.add_slide(s);
s = new slide();
s.src = "IMAGEN_6";
s.text = "";
SLIDES.add_slide(s);
</SCRIPT>
<img src="IMAGEN_1" name="SLIDESIMG" usemap="#SlideMap" height="304" width="590" border="0"><map name="SlideMap"> <area shape="rect" coords="247,235,274,249" href="javascript:SLIDES.goto_slide(5)" alt="Slide 6"> <area shape="rect" coords="216,235,243,250" href="javascript:SLIDES.goto_slide(4)" alt="Slide 5"> <area shape="rect" coords="185,235,212,250" href="javascript:SLIDES.goto_slide(3)" alt="Slide 4"> <area shape="rect" coords="153,235,180,250" href="javascript:SLIDES.goto_slide(2)" alt="Slide 3"> <area shape="rect" coords="122,235,149,250" href="javascript:SLIDES.goto_slide(1)" alt="Slide 2"> <area shape="rect" coords="90,235,117,249" href="javascript:SLIDES.goto_slide(0)" alt="Slide 1"> <area shape="rect" coords="3,3,586,218" href="/"></map><script type="text/javascript">if (document.images) { SLIDES.image = document.images.SLIDESIMG; SLIDES.textid = "SLIDESTEXT"; SLIDES.update(); SLIDES.play();}</script>
PWGratis permite alojar hasta 1 MB de imágenes para nuestra web. Pero una vez que comenzamos a agregar más elementos para darle ese toque personal vemos que necesitamos un poco más de recursos.
Uno de ellos es el contenido flash. Hay muchos ejemplos de este contenido, desde los vídeos de Youtube o los widgets hasta las intros o los banners. El problema surge cuando creamos nuestros propios elementos flash... ¿cómo hacemos para usarlos en nuestra página?
La respuesta: alojarlos en algún sitio web que acepte ese tipo de archivos. A continuación dejo una pequeña lista de páginas que permiten alojar de manera gratuita los archivos flash:
- Imageshack
- FileDEN
- MegaSWF
- Skydrive (usando tu cuenta de Windows Live)
<div style="text-align: center;">
<object id="movie"
type="application/x-shockwave-flash"
data="DIRECCIÓN-DEL-ARCHIVO.swf"
width="ANCHO-EN-PIXELS"
height="ALTO-EN-PIXELS" >
<param name="movie" value="DIRECCIÓN-DEL-ARCHIVO.swf /">
<param name="wmode" value="transparent" />
</object>
</div>
Para cambiar la orientación podemos modificar en el texto lo que aparece en azul: center para alinear al centro, left a la izquierda y right a la derecha.
Una de las consultas que más tenemos en nuestro portal es cómo hacer ese menú desplegable que hace tan fácil la navegación.
La respuesta no es sencilla, ya que se trata de un reemplazo del menú original. En nuestro caso decidimos eliminar totalmente la barra de navegación, pero para comenzar recomendamos a todos mantener el formato que provee PWGratis y añadir nuestro menú desplegable.
Al final encontrarán el código completo usando como ejemplo los links de nuestra propia página. Lo que vamos a hacer ahora es explicar cómo cambiar esos links para hacerlos items desplegables o normales de cualquier página, incluso las que no están gestionadas con PWGratis.
Una vez que copiado el código que está al final y pegado en la página deseada ("Texto por encima de la página" en el kit de construcción de PWGratis) vamos a prestar atención en estos componentes:
<ul id="page-bar">
<li><a href="/">Inicio</a></li>
<li><a href='#'>Tu Página</a>
<ul class="children">
<li class="cat-item"><a href='http://prometheos.es.tl/Gu%EDa.htm'>Cómo Empezar</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Tu-p%E1gina.htm'>Consejos Útiles</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Plantillas.htm'>Plantillas</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Elige-tu-intro.htm'>Intros</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Banners.htm'>Banners</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Creador-de-banners.htm'>Widgets</a></li>
</ul></li>
<li><a href='#'>Comunidad</a>
<ul class="children">
<li class="cat-item"><a href='http://prometheos.es.tl/Foro/index.htm'>Foro</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Links.htm'>Enlaces Recomendados</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Ranking.htm'>Ránking de Páginas</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Fotolog.htm'>Fotolog</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Visitas.htm'>Libro de Visitas</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Contacto.htm'>Contacto</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Newsletter.htm'>Newsletter</a></li>
</ul></li>
<li><a href='http://mejoratupagina.blogspot.com/'>Blog</a></li>
<li><a href='http://prometheos.es.tl/Participa.htm'>Participa</a></li>
</ul>
*Enlace fijo en la barra principal
*Menú desplegable sin enlace
*Enlace en submenú
A continuación, usando nuestro kit de construcción presionamos Ctrl+F en el navegador para encontrar cada una de las líneas que vamos a editar. Hay que prestar mucha atención y reemplazar sólamente los nombres y los links, porque al cambiar alguno de los códigos se puede perder todo lo editado. Guardar una modificación a la vez es lo más recomendado, siempre verificando el resultado.
Me gustaría ver cómo quedó en cada página para ver si hay que corregir algo, así que espero muchos comentarios en el libro de visitas!
En próximas entregas: cómo cambiar los colores del menú desplegable.
<style type="text/css">
<!--
/* Menú desplegable por prometheos.es.tl*/
* {
margin:0;
padding:0;
}
#navbar {
position:relative;
margin:0 auto;
margin-top:15px;
padding:0px 10px;
text-transform:uppercase;
border-top:2px solid #f25e00;
}
#page-bar {
background-color:333;
width:722px;
}
#page-bar ul {
list-style: none;
}
#page-bar li {
float:left;
list-style:none;
cursor: pointer;
display:block;
border-right:1px solid #333;
}
#page-bar li:hover {
background: #f25e00;
}
#page-bar a, #page-bar a:visited {
margin: 0px;
padding:10px 16px;
font-weight:bold;
color:#FFF;
display:block;
}
#page-bar a:hover {
text-decoration:none;
display:block;
}
#page-bar li {
float: left;
margin: 0px;
padding: 0px;
}
#page-bar li li {
float: left;
margin: 0px;
padding: 0px;
width: 122px;
text-transform:none;
}
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
background: #2B2B2B;
width: 122px;
float: none;
margin: 0px;
padding: 5px 10px 5px 18px;
border-top: 1px solid #C0C0C0;
}
#page-bar li li a:hover, #page-bar li li a:active {
background: #666666;
padding: 5px 10px 5px 18px;
}
#page-bar li ul {
position: absolute;
width: 10em;
left: -999em;
}
#page-bar li:hover ul {
left: auto;
display: block;
}
#page-bar li:hover ul, #page-bar li.sfhover ul {
left: auto;
}
//-->
</style>
<ul id="page-bar">
<li><a href="/">Inicio</a></li>
<li><a href='#'>Tu Página</a>
<ul class="children">
<li class="cat-item"><a href='http://prometheos.es.tl/Gu%EDa.htm'>Cómo Empezar</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Tu-p%E1gina.htm'>Consejos Útiles</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Plantillas.htm'>Plantillas</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Elige-tu-intro.htm'>Intros</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Banners.htm'>Banners</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Creador-de-banners.htm'>Widgets</a></li>
</ul></li>
<li><a href='#'>Comunidad</a>
<ul class="children">
<li class="cat-item"><a href='http://prometheos.es.tl/Foro/index.htm'>Foro</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Links.htm'>Enlaces Recomendados</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Ranking.htm'>Ránking de Páginas</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Fotolog.htm'>Fotolog</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Visitas.htm'>Libro de Visitas</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Contacto.htm'>Contacto</a></li>
<li class="cat-item"><a href='http://prometheos.es.tl/Newsletter.htm'>Newsletter</a></li>
</ul></li>
<li><a href='http://mejoratupagina.blogspot.com/'>Blog</a></li>
<li><a href='http://prometheos.es.tl/Participa.htm'>Participa</a></li>
</ul>
Comprueba el nivel de inglés que tienes, realiza un test a través de preguntas y respuestas, obteniendo como resultado los fallos y aciertos que has cometido en la evaluación. Muy práctico para conocer en tu nivel de inglés.
Para usar este widget en tu página, puedes ir al botón "Get on W" y copiar el código que aparece en la página.
Las predicciones diarias para todos los horóscopos. Actualizado todos los dias.
Para usar este widget en tu página, puedes ir al botón "Get on W" y copiar el código que aparece en la página.
Si quieres mejorar tu nivel de inglés, este es tu gadget.
Para usar este widget en tu página, puedes ir al botón "Get on W" y copiar el código que aparece en la página.
Calcula el porcentaje de compatibilidad de pareja a partir de los nombres. Compatibilidad de nombres, compatibilidad de pareja.
Para usar este widget en tu página, puedes ir al botón "Get on W" y copiar el código que aparece en la página.
Ya hablamos de LastFM, una página que nos ofrece música en línea con una serie de widgets.
Hoy es el turno de los mosaicos, una forma de presentar tus grupos o estilos musicales favoritos en un display muy elegante. Se trata de un widget con una vista de las carátulas de todos los albums, donde tus visitantes podrán elegir y escuchar.
Son muy personalizables, tanto respecto a los contenidos como al diseño. Y una vez conseguido tu favorito, sólo hace falta obteber el código y ubicarlo en un box o en una página, según lo deseamos.
Enlace | Mosaicos de LastFM
Comenzando el mes de Agosto hacemos una presentación de nuestros Widgets más populares del mes pasado, teniendo en cuenta las visitas y los comentarios de la comunidad Página Web Gratis.
Esperamos que hayan sido de su ayuda para mejorar y personalizar su sitio.
- Cómo crear tu propio canal de videos
- Crea tu texto animado
- Diseña tu logo con mucho estilo
- Actualízate con las últimas noticias
- Colección de Widgets
- Recibe llamadas en tu página
- Un chat super sencillo
- Miniencuestas para conocer a tus visitantes
Y no dejes de ver los mejores widgets de Junio.
RockYou es una página donde con unas cuantas fotos podemos hacer un magnífico slideshow donde se irán mostrando una a una cada foto que hayamos subido.
Para subir las fotos únicamente deberemos seleccionarla de nuestro disco duro, añadirle un texto que la identifique y darle al botón de Add Slide, así de simple.
Y si lo prefieres puedes elegir entre los muchos slides creados, algunos con novedades de música como el que pusimos de ejemplo.
Enlace | RockYou
¿Estás cansado del mismo reproductor de videos de youtube? Ahora puedes darle un toque de distinción gracias a Slide SkinFlix! Tus videos en un televisor de plasma (como en la imagen), uno antiguo, un iphone o el marco que más te guste... En sólo tres pasos puedes personalizar tus videos a tu gusto, sin necesidad de conocer de programación.
Enlace | Slide SkinFlix
Puedes crear tu encuesta gratis sin registrarse para adaptarlas a tu pagina web o weblog.
Solo 3 pasos.
Paso 1: Escribe la pregunta y selecciona la cantidad de respuestas
Paso 2: Escribe las respuestas.
Paso 3: Elegir el diseño de tu encuesta.
Paso Final: Copiar el codigo html que te facilitaremos para agregarlo a tu web.
Enlace | MiniEncuestas
A pedido de nuestros visitantes presentamos este otro chat muy fácil de instalar en nuestra página.
GoChat es un un sistema simple para que todos los WebMasters que les permite hacer su WebChat en 2 minutos.
Es fácil y rápido!
Simplemente puedes poner en tu pagina un marco flotante, el link al sitio del Chat, o como quieras.
Y por encima de todo es gratis!
Enlace | GoChat
Mientras más ancho de banda tenemos, más servicios basados en video empiezan a aparecer.
Aunque Flixn no es el primero en hacerlo, si es el que lo hace más fácil: Mediante una interfaz muy simple, te permite grabar un video rápidamente usando tu webcam, y luego utilizar ese video inmediatamente para publicarlo en tu página, dejarlo como comentario en un foro, o enviarlo inmediatamente por email. Grabas el video y si clickeas en “Keep” inmediatamente queda almacenado y te entregan una URL única para hacer lo que quieras.
Enlace | Flixn
Twitter ha lanzando un nuevo servicio con el que los usuarios podrán mostrar sus actualizaciones en Twitter en un box de su página. El nuevo rasgo se llama “Twitter Badge“.
Para los que no estén familiarizados con Twitter, se trata de una comunidad online en la que sus miembros envían mensajes explicando en pocas palabras lo que están haciendo en ese mismo instante. La idea del Badge es utilizarlo como una especie de “mini-bloggin”. Los desarrolladores podrán usar el API para hacerse sus propios instrumentos de Twitter.
Ahora pueden ofrecer a sus visitas sus últimos twitts como otra manera de mantener integrada su red social con su página personal.
Enlace | Twitter Badge
Muchas veces habrán visto al entrar a páginas o blogs que en el momento en que el mouse pasa por algún link, salta un cartel que muestra una vista de ese link. Esa funcionalidad en nuestra página nos la permite SNAP SHOTS.
Este servicio es utilizado en una gran cantidad de blogs y páginas.
Pasos para incorporar SNAP en tu página:
1º Ve a www.snap.com
2º Selecciona "GET STARTED" en Publishers / Bloggers
3º Elige colores, sube el LOGO de tu página, selecciona tu idioma. Haz click en "CONTINUE" para continuar.
4º Ingresa tus datos, acepta los servicios, haz click en "CONTINUE".
5º Inserta el código proporcionado en tu página.
MyUstats brinda información sobre el tráfico de nuestra página en un elegante widget que podemos colocar en un box de la barra lateral. Además nos muestra el pagerank de google y yahoo, la Authority de Technorati, Alexa Rank, los inscritos al Feed de FeedBurner, y el total de las página guardadas en Del.icio.us.
Para utilizar esta utilidad basta con ir al sitio Myustats y escribir nuestra dirección y clickear en Get Widget Code; el código que genera lo pegamos en nuestro sitio, de ahí en adelante solo debemos esperar un poco para que Myustats identifique los datos que actualizará cada semana.
Enlace | MyUstats
Con Jaxtr ahora puedes recibir tus llamadas de cualquier lugar del mundo a precio local para tus visitantes.
Permite configurar hasta tres números de teléfono, y como complemento tenemos la posibilidad de enviar SMS gratis a todo el mundo.
Todo esto con un registro gratuito y muy sencillo.
La mejor opción para sitios dedicados a la atención de clientes o asesoramiento técnico.
Enlace | Jaxtr
Wix es una aplicación web con la cual podremos crear sitio web o animaciones en flash.
De manejo muy intuitivo, cuenta con una serie de plantillas prediseñadas y tiene una opción múy útil para quienes ya tienen su propio sitio pero le quieren dar un toque de distinción: podemos agregar la página completa en flash directo en nuestra página simplemente pegando el código html.
Es el complemento ideal para una intro flash o la página de nuestro perfil.
Enlace | Wix
Yourminis nos presenta una completa galería para crear o buscar el widget que necesitamos.
Hay muchas categorías que incluyen videos, imágenes, noticias, música, películas y muchas más!
Para verlas en nuestra página, sólo debemos ir al enlace "copy me" y copiar el código "embed".
Enlace | yourminis