Crea tu Chat




- Antes que nada tenemos que tener una cuenta en las siguientes paginas.


http://www.blogger.com/
http://www.tokbox.com/



-Elegir un nombre y direccion por ejemplo "Identi Chat" (www.Taringachat.blogspot.com)



-Presionamos Continuar

-Aqui Tenemos una lista de plantillas vamos a seleccionar algunaplantilla , no es muy importante ya que se cambiara mas adelante



-Presionamos "Continuar" y luego "Empezar a publicar"

-Luego vamos a la pesta?a "Dise?o" y luego edicion html



-Una vez ahi descargamos el Codigo Aqui

-Borra todo el codigo que esta en el recuadro rojo y reemplazalo por el codigo que bajamos anteriormente.
-Hacemos click en "Guardar Plantilla" y luego "Confirmar y Guardar"



-Vamos a la pesta?a "Elementos de la pagina" , y tendremos algo asi.



-Dejamos el blog un segundo y pasamos a otro paso




-Ya Logueados en Tokbox (www.tokbox.com). Vamos a la seccion embed



-Dejamos la configuracion tal cual la imagen y damos "Add to my site"



-Damos click en copiar codigo



-Nos quedara algo asi
[BLOCKQUOTE]
dijo:
<object type="application/x-shockwave-flash"data="http://www.tokbox.com/vc/b71qi90gh858axp6" width="300"height="300" pid="4a19dfff31135ead"> <param name="movie"value="http://www.tokbox.com/vc/b71qi90gh858axp6"/> <paramname="flashvars"value="guestList=false&textChat=false&showExpandButton=true"/></object>[br /]TokBox - Free Video Chatand Video Messaging


[/BLOCKQUOTE]
-Borramos la linea

[BLOCKQUOTE]
dijo:
TokBox - Free Video Chat and Video Messaging

[/BLOCKQUOTE]
-Cambiamos los siguientes valores

[BLOCKQUOTE]
dijo:
width="410" height="651"

[/BLOCKQUOTE]
-Quedandonos algo asi

[BLOCKQUOTE]
dijo:
<object type="application/x-shockwave-flash"data="http://www.tokbox.com/vc/b71qi90gh858axp6" width="410"height="651" pid="4a19dfff31135ead"> <param name="movie"value="http://www.tokbox.com/vc/b71qi90gh858axp6"/> <paramname="flashvars"value="guestList=false&textChat=false&showExpandButton=true"/></object>[br /]


[/BLOCKQUOTE]


-Este paso es bastante simple si elegimos este servidor. (no nesecita registro)

http://www.xat.com/

-Click en "Make a Chat box"



-Cambiar Fondo

-En "Click for more or ..." Pones un link de cualquier imagen de la red.
-En Photobucket te logueas y pones una imagen propia.

Utilizaremos esta




-Copiamos el Codigo



-Tendremos algo asi

[BLOCKQUOTE]
dijo:
<embed src="http://www.xatech.com/web_gear/chat/chat.swf"quality="high" width="540" height="405" name="chat"FlashVars="id=60384668" align="middle" allowScriptAccess="sameDomain"type="application/x-shockwave-flash"pluginspage="http://xat.com/update_flash.shtml"/>[br /]<small><a target="_BLANK"href="http://xat.com/web_gear/?cb">Get your own Chat Box![/url]<a target="_BLANK"href="http://xat.com/web_gear/chat/go_large.php?id=60384668">GoLarge![/url]</small>[br /]


[/BLOCKQUOTE]
-Borramos las siguientes lineas

[BLOCKQUOTE]
dijo:
[br /]<small><a target="_BLANK"href="http://xat.com/web_gear/?cb">Get your own Chat Box![/url]<a target="_BLANK"href="http://xat.com/web_gear/chat/go_large.php?id=60384668">GoLarge![/url]</small>[br /]


[/BLOCKQUOTE]
-Modificamos los siguientes valores
[BLOCKQUOTE]
dijo:
width="428" height="650"
[/BLOCKQUOTE]
-Nos quedaria esto
[BLOCKQUOTE]
dijo:
<embed src="http://www.xatech.com/web_gear/chat/chat.swf"quality="high" width="428" height="650" name="chat"FlashVars="id=60384668" align="middle" allowScriptAccess="sameDomain"type="application/x-shockwave-flash"pluginspage="http://xat.com/update_flash.shtml" />


[/BLOCKQUOTE]

-Volviendo al Blog , tenemos dos bloques de Html vacios ponemos "editar" y pegamos los codigos

-El xat en la izquierda y las webcams en la derecha



Resultado


Click en la imagen para agrandar



-El Codigo viene con un Logo, puedes cambiarlo editando la siguiente linea de codigo
-Pone el link del icono que tu quieras (png)




Si Quieres hacer a tu chat , oficial de alguna web y quieres enlazarla desde la misma. Haz lo siguiente

-Vas hasta abajo del codigo html y borras la linea "Chat con Webcams por federico Falivene"

-y pones este codigo


dijo:
<a href=' Tu web '> Nombre de la web [/url]
Crea tu Chat
0 Puntos Score: 0/10
Visitas: 1136 Favoritos: 0
0 Comentarios Crea tu Chat
Este post no tiene comentarios. Sea el primero!
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!