Place this snippet of code in head of your html. That somewhere between the head-tags: If in doubt just place it as the last thing before the end head-tag(</head>)

<script type="text/javascript">
	function stuferize(){
		if(document.getElementById("userName").value != ""){
			var name = document.getElementById("userName").value;
			alert("Your stufer-ized name is: " + name + "stufer");
		}else{
			alert('Please type your name in the text box');
		}
	}
</script>

And place this html in the webpage, where you want the stuferizer to show up:

<input type="text" id="userName" />
<input type="button" value="Stuferize my name now" onclick="stuferize()"/>

And the stuferizer name widget should be up and running.

Good luck.

Sound like a fun idea.

You mean something like this: Stufer-ize your name?

Actually it pretty simple to make it to a widget. Just use document.write to write the code to the website.

But why do you wanna make it into a widget in the first place? Only takes a very few lines of code to integrate it into your site. No really need for a widget functionality here.

thanks, Josh