Chat com trocas de fundos

Para instalar no blogger, procure pela tag:

</head>


Acima dela cole o código:

<script type="text/javascript">
function box(b) {
if (b=="b1") {
document.getElementById("box2").style.display="none";
if (document.getElementById("box1").style.display=="none") {

document.getElementById("box1").style.display="";
}
else {
document.getElementById("box1").style.display="none";
}
}
if (b=="b2") {
document.getElementById("box1").style.display="none";

if (document.getElementById("box2").style.display=="none") {
document.getElementById("box2").style.display="";
}
else
document.getElementById("box2").style.display="none";
}
}
}
function cbg(bgi,bgm) {

switch (bgi) {

case "bg1": bgimage="FUNDO1AQUI"; break
case "bg2": bgimage="FUNDO2AQUI"; break
case "bg3": bgimage="FUNDO3AQUI"; break
case "bg4": bgimage="FUNDO4AQUI"; break
case "bg5": bgimage="FUNDO5AQUI"; break
}
switch (bgm) {
case "m1": bgmode="no-repeat"; break
case "m2": bgmode="no-repeat center"; break
case "m3": bgmode="repeat center"; break
}

document.getElementById("chat").style.background="url("+bgimage+") "+bgmode;
wcookie("cbgi",bgimage);
wcookie("cbgm",bgmode);
wcookie("close","");
}
</script>

Para Instalar em um site, cole o mesmo script, abaixo da tag:</style>


Agora que ja temos o script, vamos ao código do chat. No Blogger, adcione o código abaixo em um gadget de HTML/JavaScript, em um site vocÊ pode colocar em um lugar de sua preferencia.

<table width="550" height="394" border="0" align="center">
<tr>
<td height="350" bgcolor="#999999"><div id="chat" style="width: 550px; height: 350px; background: url(http://www.imgfans.com.br/NR/Jan12/25/pad.png) repeat center;"><embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="550" height="350" name="chat" FlashVars="id=164475586&rl=- Cant" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /></div></td>
</tr>
<tr>
<td height="36" align="center" bgcolor="#999999"> <table width="350" border="0" bgcolor="#CCCCCC">
<tr>
<td width="62"><input type="button" onClick="cbg('bg1','m3')" value="Fundo 1"></td>
<td width="66"><input type="button" onClick="cbg('bg2','m3')" value="Fundo 2 "></td>
<td width="62"><input type="button" onClick="cbg('bg3','m3')" value="Fundo 3"></td>
<td width="62"><input type="button" onClick="cbg('bg4','m3')" value="Fundo 4">http://www.blogger.com/img/blank.gif</td>
<td width="254"><input type="button" onClick="cbg('bg5','m3')" value="Fundo 5 "></td>
</tr>
</table>
</td>
</tr>
</table>

Para colocar o seu chat, substitua o código:

<embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="550" height="350" name="chat" FlashVars="id=164475586&rl=- Cant" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" />

Pelo o código do seu chat, lembrando que ele deve ser 
transparente.

Fonte: Design Fanmytsu (acho que é assim que se escreve kk)