Tutorial widgets: Widgetbox

In: bloguit

18 Ago 2007

AVISO: Este tutorial ya no se aplica. Para ver la nueva version dirigete a esta entrada: http://bloguit.com/kostya/2008/05/21/tutorial-widgetbox-actualizado/

Hola, he agregado una opcion que te permitira elegir entre miles de Widgets para agregar a tu blog.

Primero dirigete a http://www.widgetbox.com y si es que quieres puedes registrarte (recomendable). Una vez en esa pagina busca el widget que quieras añadir a tu blog. Puedes navegar por categorias o buscar. En este tutorial vamos a agregar Pac-Man a nuestro blog, de acuerdo?

Primero buscamos a Pac-Man:

Widgetbox paso 1

Escribimos pacman y apretamos el boton Enter en el teclado. Esto nos mostrara todos los resultados disponibles:

Widgetbox paso 2

Hacemos click en la imagen o el nombre del widget (Pac-Man) para ir a la pagina del widget. Ahi nos dirigimos a Widget settings y eligimos los parametros para el widget. En este caso solo necesitamos llenar los campos del tamaño que tendra el archivo. Para no deformar el blog, elegimos un tamaño de 150×200 (pueden elegir el que quieran). Escriban 150 en el campo Width y 200 en el campo Height y despues hagan click en cualquier lado de la pagina para que el Preview se actualize con los parametros ingresados:

Widgetbox paso 3

A continuacion tienen que hacer click en Get Widget, esto abrira una ventana en el centro de su pantalla. Despues hacen click en Get Widget Code (usualmente la primera opcion si no estan registrados, la segunda si es que ya estan registrados):

Widgetbox paso 4

Aqui apareceran dos campos con informacion, tienen que elegir el campo que dice Javascript Code:

Widgetbox paso 5

Copien y peguen ese pedazo de texto en algun editor, como Notepad y busquen la parte que dice panelID:

Widgetbox paso 6

Copien la parte que aparece en el cuadro rojo y diriganse a su panel de bloguit. Una vez dentro, se dirigen a Presentacion -> Widgets. Una vez ahi veran la opcion Widgetbox 1, hagan click en ella y ponganla dentro de su Menu. Una vez hecho eso, hagan click en configurar:

Widgetbox paso 7

Peguen el codigo copiado de panelID en el espacio asignado:

Widgetbox paso 8

Despues de eso hagan click en cualquier lado de la pantalla para salir de ahi, y finalmente hagan click en Guardar cambios.

Listo! Ahora revisen su blog y deberian tener un juego de Pac-Man:

Widgetbox paso 9

Ahi lo tienen. Pueden agregar mas widgets, y tienen miles para elegir en Widgetbox. Si tienen dudas, pregunten.

Te gusto lo que leiste? Compartelo:
  • Digg
  • del.icio.us
  • Google Bookmarks
  • BarraPunto
  • StumbleUpon
  • Technorati
  • Reddit
  • Meneame

8 Responses to Tutorial widgets: Widgetbox

Avatar

iwans

Agosto 24th, 2007 at 8:14 pm

super weno xD
pa ociosar un rato =D

Avatar

hiphomano

Septiembre 6th, 2007 at 2:55 pm

genial socio

super buena la utilidad

se le agradece.

Avatar

Esteban Lobos

Septiembre 20th, 2007 at 9:50 pm

SE AGRADECE..EN REALIDAD MUY WENO…
TE INVITO A…
http://WWW.RECURSOSCRISTIANOS.CL.NU
http://WWW.EFE.AR.NU

Avatar

ConCha

Septiembre 26th, 2007 at 11:53 am

buen blog esteban lobos ;)

Avatar

ruka

Octubre 2nd, 2007 at 12:18 am

maestro muy buena la cosa!!!
te pasaste!!!!
esta genial!!
acabo de hacerme un blog aqui y ya le agregue un juegito!!!

Avatar

spirok

Octubre 11th, 2007 at 8:46 pm

OLA PASE POR TU BLOG SIGUE ASI
CUIDATE ARTO
Y LO MAS IMPORTANTE PASA POR EL MIO Y CUNETAME ALGO SOBRE TI
http://bloguit.com/libertadxsentimiento/

Avatar

Sylar

Febrero 18th, 2008 at 12:33 am

buena compadre, gracias por el dato, lo lei y lo agrege al toke, pasa por mi blog

xauuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu

Avatar

El blog de Kostya » Tutorial Widgetbox actualizado

Mayo 21st, 2008 at 12:55 am

[...] es una actualizacion del tutorial publicado originalmente aqui el año [...]

Comment Form

  • movies: vale espero que coloques otro plugin, para poder agregar el dominio al blog. saludos... [...]
  • kostya: Mmm, al final removi el plugin ya que estaba efectivamente creando conflictos. Es algo que voy a ver [...]
  • nmovies: mira te voy a detallar mas o menos el problema. el conflicto ocurre al agregar un dominio en el "Do [...]
  • kostya: Que extraño, voy a revisar con algun blog y vere que pasa. [...]
  • nmovies: sip. le agrege la ip al dominio y tambien agrege la direccion del dominio al en el blog, pero filo. [...]