It's very easy!  Swipe all four B, U, I, URL images from me or MT
(or make your own) and put them in your /images/ directory -- then
add this in your headers:




<script language="JavaScript">
<!--

function formatStr (v) {
    if (!document.selection) return;
    var str = document.selection.createRange().text;
    if (!str) return;
    document.selection.createRange().text = '<' + v + '>' + str + '</' + v + '>';
}

function insertLink () {
    if (!document.selection) return;
    var str = document.selection.createRange().text;
    if (!str) return;
    var my_link = prompt('Insert URL:', 'http://');
    if (my_link != null)
        document.selection.createRange().text = '<a href="' + my_link + '">' + str + '</a>';
}

function mtShortCuts () {
    if (event.ctrlKey != true) return;
    if (event.keyCode == 1) insertLink();
    if (event.keyCode == 2) formatStr('b');
    if (event.keyCode == 9) formatStr('i');
    if (event.keyCode == 21) formatStr('u');
}

//-->
</script>




Then put this with your comment form:




<script language="javascript">
if (document.selection) {
    document.write('<table border="0" cellspacing="0" cellpadding="0" width="107">');
    document.write('<tr>');
    document.write('<td width="24"><a href="javascript:formatStr(\'b\')"><img src="/images/bold-button.gif" alt="bold" width="24" height="18" border="0"></a></td>');
    document.write('<td width="24"><a href="javascript:formatStr(\'i\')"><img src="/images/italic-button.gif" alt="italic" width="24" height="18" border="0"></a></td>');
    document.write('<td width="24"><a href="javascript:formatStr(\'u\')"><img src="/images/underline-button.gif" alt="underline" width="24" height="18" border="0"></a></td>');
    document.write('<td width="26"><a href="javascript:insertLink()"><img src="/images/url-button.gif" alt="link" width="26" height="18" border="0"></a></td>');
    document.write('</tr>');
    document.write('</table>');
} else {
    document.write('&nbsp;');
}
</script>