Step 1: Contains your opening html, head, & title code.

Copy the text in the box below, and paste it here

Step 2: Contains the scripts for Host, Port, & Channel prompts. As well as Chatinputform, Whisper panel, Current time, Who's in the room, Away from keyboard, & Hey I'm back.

Copy the text in the box below and paste it here

<script language="JavaScript"> 
   var host = prompt("Enter The Server Name You Wish 
   To Join --","chat.talkcity.com") if (host ==      
   null) 
   { 
   location=history.go(-1) 
   } 
   var port = prompt("Enter Port # of The            
   Server You Are Joining - From 6667-7003","7000")  
   if (port == null) 
   { 
   location=history.go(-1) 
   } 
   var channel = prompt("Enter The Room Name You     
   Wish To Join","") if       (channel == null) 
   { 
   location=history.go(-1) 
   } 
   document.write("<wtvchat host="+host+"            
   port="+port+" channel=#"+channel+">") 
</script>

<script language="JavaScript">
function addMessage()  
{ 
Chat.addChannelMessage 
(document.forms['chatinputform'].elements ['chatinput'].value)
document.forms['chatinputform'].elements 
['chatinput'].value = ""
} 
function openWhisperPanel() 
{ 
window.open('whisper.panel', 'whisper') 
}
</script>
<script language="javascript">
function addTime()  
{
Chat.addChannelMessage("/msg *  Current time and  date: "+Date()) 
}
function addWho()  
{
Chat.addChannelMessage("/who") 
}
function addAway() 
{ 
Chat.addChannelMessage("/me is away from the keyboard, but will be back soon") 
}
function addBack() 
{ 
Chat.addChannelMessage("/me says ~~ Told ya I'd be back soon. Now where were we?") 
}
</script>

Step 3: Contained here are your buttons. There are two kinds of buttons;
Type 1 will post text to the chat room as soon as you click the button.
Type 2 will show you a prompt like this then post the text.

Below are templates for both kinds of buttons, just add what you want them to say, where you see these---> #######

Type 1, copy text from below and paste it here
If you want more Type 2 buttons, copy the same text from above but change the function addPop1 to function addPop2 and addPop3 and so on, be sure to change pop1 everywhere you see it.

Step 4: Contains the script code for your inputs, sidebar, Chat Screen,

Copy the text below and paste it here

<script language="JavaScript">
function sMsg() 
{ 
Chat.addChannelMessage(""+document.forms['msgnkinputfrm'].elements 
['nickinput'].value+" 
"+document.forms['msginputform'].elements 
['msginput'].value) 
document.forms['msginputform'].elements 
['msginput'].value = "" 
}
function sMgb() 
{ 
Chat.addChannelMessage(""+document.forms['mgbnkinputfrm'].elements 
['nickinputb'].value+" "+document.forms['mgbinputform'].elements 
['mgbinput'].value) 
document.forms['mgbinputform'].elements 
['mgbinput'].value = "" 
}
function sMgc() 
{ 
Chat.addChannelMessage(""+document.forms['mgcnkinputfrm'].elements ['nickinputc'].value+" 
"+document.forms['mgcinputform'].elements 
['mgcinput'].value) document.forms['mgcinputform'].elements 
['mgcinput'].value = "" 
}
function pMsg() 
{ 
Chat.addChannelMessage(""+document.forms['msmeinputform'].elements ['meinput'].value+" 
"+document.forms['msinputform'].elements 
['msinput'].value)
document.forms['msinputform'].elements 
['msinput'].value = ""
}
</script>

<sidebar width=20%>
<table align=top bgcolor="000000" 
gradcolor="444444" cellpadding=0 cellspacing=0 
cellborder=0>
<tr>
<td>
<body text="gold" link=gold vlink=gold>
<font size="2">
<img 
src="file://romcache/webtvlogoJewel.gif"></a><hr>
<a href="###your Irc URL###"> Switch</a><hr>
<a href 
="javascript:confirm('Room: '+channel)"> Where</a>
<hr>
<a href="javascript:addTime()//"> Time</a><hr>
<a href="javascript:addWho()//"> Who</a><hr>
<a href="javascript:addAway()//"> BRB</a><hr>
<a href="javascript:addBack()//"> Back</a><hr>
<br><br><br><br><br><br><br><br><br><br><br><br>
</tr>
</td>
</table>
</sidebar>

</head>

<body bgcolor="######" text="######" link="######" 
vlink="######">

<a name="top">
<center>
<table cellspacing=3 cellpadding=0 border=2>
<tr><td height=4>
<tr><td width=430>
<wtvchattranscript height=150 width=430>
<tr><td height=4>
</table>
<table cellspacing=0 cellpadding=0 bgcolor=262626>
<tr>
<form action=javascript:addMessage()//" 
id="chatinputform">
<td>
<INPUT id="chatinput" name="message" value="" 
width=455 bgcolor=262626 text=gold cursor=gold 
font=proportional selected autoactivate nohighlight>
<td>
<input type=button text=gold size=-1 value="Whisper" 
borderimage="file://rom/Borders/ButtonBorder2.bif" onClick="window.open('whisper.panel', 'whisper')">
<td align=center>
</form>
<tr>
<td>
</table>
<br>

Step 5: Contains the form codes for your buttons & Popups.

Copy the text below and paste it here.

Remember all the buttons you made? To get them all to show up on your IRC, repeat the code above, replacing But1 and Pop1 like you did before.

Be sure to keep the buttons in the table.

If you fill up one row, start another table start a second.

Step 6:Copy the text below and paste it here

<table cellspacing=0 cellpadding=0> <tr> <td> <form action=javascript:pMsg()//" id="msmeinputform"> <input id="meinput" width=85 bgcolor=262626 text=silver cursor=gold name="me" value="/me " border=3 font=proportional> </form> <td> </td> <td> <form action="javascript:pMsg()//" id="msinputform"> <input id="msinput" width="175" bgcolor=262626 text=gold cursor=gold name="ms" value="" font=proportional autoactivate nohighlight border=3> </form> <td> <form action=javascript:sMsg()//" id="msgnkinputfrm"> <input id="nickinput" width=85 bgcolor=262626 text=825f5f cursor=gold name="nick" value="/msg " border=3 font=proportional> </form> <td> <form action="javascript:sMsg()//" id="msginputform"> <input id="msginput" width="175" bgcolor=262626 text=gold cursor=gold name="msg" value="" font=proportional autoactivate nohighlight border=3> </form> </tr> </td> </table> <table cellspacing=0 cellpadding=0> <tr> <td> <form action=javascript:sMgb()//" id="mgbnkinputfrm"> <input id="nickinputb" width=85 bgcolor=262626 text=825f5f cursor=gold name="nick" value="/msg " border=3 font=proportional> </form> <td> <form action="javascript:sMgb()//" id="mgbinputform"> <input id="mgbinput" width="175" bgcolor=262626 text=gold cursor=gold name="msg" value="" font=proportional autoactivate nohighlight border=3> </form> <td> <form action=javascript:sMgc()//" id="mgcnkinputfrm"> <input id="nickinputc" width=85 bgcolor=262626 text=825f5f cursor=gold name="nick" value="/msg " border=3 font=proportional> </form> <td> <form action="javascript:sMgc()//" id="mgcinputform"> <input id="mgcinput" width="175" bgcolor=262626 text=gold cursor=gold name="msg" value="" font=proportional autoactivate nohighlight border=3> </form> </tr> </td> </table> </body> </html>

Step 7: Copy all the text you have pasted below, and paste it to your home page editor.

Click here to copy the text.

Paste your text then hit your back button.