Main Content

Updates
To Do List
You
Health and Beauty
Reads
Jenni
Quizzes
Tutorials
The Domain
Dollmakers
Link Star-Girl.org
Question?
Plug Your Site
Index/Blog

Extra

Change The Skin
Jenni Fanlisting
Star-Girl.org Fanlisting
Webdesign Question?
Report An Error
MT Blog Archives
Nov-Apr 04 Archives
Feb-Nov 03 Archives

Sites and Projects

Shining Top Sites
Creme De La Femme
Starshine Boards
Starstruck Zine

Starshine.la Login

Linkage

Etc.

refreshes today

GM Smilies

Thanks Jessica and Jenny! My tutorial is kinda a combination of both but (hopefully) easier to follow and with a complete set of cute matching smilies :)

1. Download and unzip the smilies.
2. Log into your FTP and create a folder called 'Emoticons'. Next, upload all the smilie images into that folder you just created in Binary mode.
3. If you're using WS_FTP, open your gm-library.cgi. If you're using a different kind of FTP, open up your gm-library in Notepad or something, then save and re-upload. You might not need to use the gm-library.cgi file included in the zip file.
4. Now click here and look for the first bit of code written in BLUE. Underneath it, you need to paste the following code (shown in RED on the link you've just clicked) into your gm-library.cgi file:

# Smiley-Hack by Nanzy (this part applies to the mainbody)
$thisentrymainbody =~ s/\:determined:/<img src=\"$LogWebPath\/emoticons\/determined.gif\" alt=\"determined\" \/>/g;
$thisentrymainbody =~ s/\:angry:/<img src=\"$LogWebPath\/emoticons\/angry.gif\" alt=\"angry, grr\" \/>/g;
$thisentrymainbody =~ s/\:annoyed:/<img src=\"$LogWebPath\/emoticons\/annoyed.gif\" alt=\"annoyed\" \/>/g;
$thisentrymainbody =~ s/\:artistic:/<img src=\"$LogWebPath\/emoticons\/artistic.gif\" alt=\"artistic\" \/>/g;
$thisentrymainbody =~ s/\:blah:/<img src=\"$LogWebPath\/emoticons\/blah.gif\" alt=\"blah\" \/>/g;
$thisentrymainbody =~ s/\:blank:/<img src=\"$LogWebPath\/emoticons\/blank.gif\" alt=\"blank\" \/>/g;
$thisentrymainbody =~ s/\:bouncy:/<img src=\"$LogWebPath\/emoticons\/bouncy.gif\" alt=\"bouncy\" \/>/g;
$thisentrymainbody =~ s/\:confused:/<img src=\"$LogWebPath\/emoticons\/confused.gif\" alt=\"confused\" \/>/g;
$thisentrymainbody =~ s/\:discontent:/<img src=\"$LogWebPath\/emoticons\/discontent.gif\" alt=\"discontent\" \/>/g;
$thisentrymainbody =~ s/\:devious:/<img src=\"$LogWebPath\/emoticons\/devious.gif\" alt=\"devious\" \/>/g;
$thisentrymainbody =~ s/\:dirty:/<img src=\"$LogWebPath\/emoticons\/dirty.gif\" alt=\"dirty\" \/>/g;
$thisentrymainbody =~ s/\:blush:/<img src=\"$LogWebPath\/emoticons\/embarrassed.gif\" alt=\"embarrassed\" \/>/g;
$thisentrymainbody =~ s/\:enraged:/<img src=\"$LogWebPath\/emoticons\/enraged.gif\" alt=\"enraged\" \/>/g;
$thisentrymainbody =~ s/\:P/<img src=\"$LogWebPath\/emoticons\/flirty.gif\" alt=\"flirty\" \/>/g;
$thisentrymainbody =~ s/\:geeky:/<img src=\"$LogWebPath\/emoticons\/geeky.gif\" alt=\"geeky\" \/>/g;
$thisentrymainbody =~ s/\:D/<img src=\"$LogWebPath\/emoticons\/giggly.gif\" alt=\"giggly\" \/>/g;
$thisentrymainbody =~ s/\:high:/<img src=\"$LogWebPath\/emoticons\/high.gif\" alt=\"high\" \/>/g;
$thisentrymainbody =~ s/\:hot:/<img src=\"$LogWebPath\/emoticons\/hot.gif\" alt=\"hot\" \/>/g;
$thisentrymainbody =~ s/\:hyper:/<img src=\"$LogWebPath\/emoticons\/hyper.gif\" alt=\"hyper\" \/>/g;
$thisentrymainbody =~ s/\:jealous:/<img src=\"$LogWebPath\/emoticons\/jealous.gif\" alt=\"jealous\" \/>/g;
$thisentrymainbody =~ s/\:moody:/<img src=\"$LogWebPath\/emoticons\/moody.gif\" alt=\"moody\" \/>/g;
$thisentrymainbody =~ s/\:okay:/<img src=\"$LogWebPath\/emoticons\/okay.gif\" alt=\"okay\" \/>/g;
$thisentrymainbody =~ s/\:$/<img src=\"$LogWebPath\/emoticons\/sad.gif\" alt=\"sad\" \/>/g;
$thisentrymainbody =~ s/\:sick:/<img src=\"$LogWebPath\/emoticons\/sick.gif\" alt=\"sick\" \/>/g;
$thisentrymainbody =~ s/\:silly:/<img src=\"$LogWebPath\/emoticons\/silly.gif\" alt=\"silly\" \/>/g;
$thisentrymainbody =~ s/\:$/<img src=\"$LogWebPath\/emoticons\/smile.gif\" alt=\"smile\" \/>/g;
$thisentrymainbody =~ s/\:stressed:/<img src=\"$LogWebPath\/emoticons\/stressed.gif\" alt=\"stressed\" \/>/g;
$thisentrymainbody =~ s/\:surprised:/<img src=\"$LogWebPath\/emoticons\/surprised.gif\" alt=\"surprised\" \/>/g;
$thisentrymainbody =~ s/\:thoughtful:/<img src=\"$LogWebPath\/emoticons\/thoughtful.gif\" alt=\"thoughtful\" \/>/g;
$thisentrymainbody =~ s/\:tired:/<img src=\"$LogWebPath\/emoticons\/tired.gif\" alt=\"tired\" \/>/g;
$thisentrymainbody =~ s/\:weird:/<img src=\"$LogWebPath\/emoticons\/weird.gif\" alt=\"weird\" \/>/g;
$thisentrymainbody =~ s/\;\)/<img src=\"$LogWebPath\/emoticons\/wink.gif\" alt=\"wink\" \/>/g;
$thisentrymainbody =~ s/\:working:/<img src=\"$LogWebPath\/emoticons\/working.gif\" alt=\"working\" \/>/g;
$thisentrymainbody =~ s/\:worried:/<img src=\"$LogWebPath\/emoticons\/worried.gif\" alt=\"worried\" \/>/g;

# Smiley-Hack by Nanzy (this part applies to the morebody)
$thisentrymorebody =~ s/\:determined:/<img src=\"$LogWebPath\/emoticons\/determined.gif\" alt=\"determined\" \/>/g;
$thisentrymorebody =~ s/\:angry:/<img src=\"$LogWebPath\/emoticons\/angry.gif\" alt=\"angry, grr\" \/>/g;
$thisentrymorebody =~ s/\:annoyed:/<img src=\"$LogWebPath\/emoticons\/annoyed.gif\" alt=\"annoyed\" \/>/g;
$thisentrymorebody =~ s/\:artistic:/<img src=\"$LogWebPath\/emoticons\/artistic.gif\" alt=\"artistic\" \/>/g;
$thisentrymorebody =~ s/\:blah:/<img src=\"$LogWebPath\/emoticons\/blah.gif\" alt=\"blah\" \/>/g;
$thisentrymorebody =~ s/\:blank:/<img src=\"$LogWebPath\/emoticons\/blank.gif\" alt=\"blank\" \/>/g;
$thisentrymorebody =~ s/\:bouncy:/<img src=\"$LogWebPath\/emoticons\/bouncy.gif\" alt=\"bouncy\" \/>/g;
$thisentrymorebody =~ s/\:confused:/<img src=\"$LogWebPath\/emoticons\/confused.gif\" alt=\"confused\" \/>/g;
$thisentrymorebody =~ s/\:discontent:/<img src=\"$LogWebPath\/emoticons\/discontent.gif\" alt=\"discontent\" \/>/g;
$thisentrymorebody =~ s/\:devious:/<img src=\"$LogWebPath\/emoticons\/devious.gif\" alt=\"devious\" \/>/g;
$thisentrymorebody =~ s/\:dirty:/<img src=\"$LogWebPath\/emoticons\/dirty.gif\" alt=\"dirty\" \/>/g;
$thisentrymorebody =~ s/\:blush:/<img src=\"$LogWebPath\/emoticons\/embarrassed.gif\" alt=\"embarrassed\" \/>/g;
$thisentrymorebody =~ s/\:enraged:/<img src=\"$LogWebPath\/emoticons\/enraged.gif\" alt=\"enraged\" \/>/g;
$thisentrymorebody =~ s/\:P/<img src=\"$LogWebPath\/emoticons\/flirty.gif\" alt=\"flirty\" \/>/g;
$thisentrymorebody =~ s/\:geeky:/<img src=\"$LogWebPath\/emoticons\/geeky.gif\" alt=\"geeky\" \/>/g;
$thisentrymorebody =~ s/\:D/<img src=\"$LogWebPath\/emoticons\/giggly.gif\" alt=\"giggly\" \/>/g;
$thisentrymorebody =~ s/\:high:/<img src=\"$LogWebPath\/emoticons\/high.gif\" alt=\"high\" \/>/g;
$thisentrymorebody =~ s/\:hot:/<img src=\"$LogWebPath\/emoticons\/hot.gif\" alt=\"hot\" \/>/g;
$thisentrymorebody =~ s/\:hyper:/<img src=\"$LogWebPath\/emoticons\/hyper.gif\" alt=\"hyper\" \/>/g;
$thisentrymorebody =~ s/\:jealous:/<img src=\"$LogWebPath\/emoticons\/jealous.gif\" alt=\"jealous\" \/>/g;
$thisentrymorebody =~ s/\:moody:/<img src=\"$LogWebPath\/emoticons\/moody.gif\" alt=\"moody\" \/>/g;
$thisentrymorebody =~ s/\:okay:/<img src=\"$LogWebPath\/emoticons\/okay.gif\" alt=\"okay\" \/>/g;
$thisentrymorebody =~ s/\:$/<img src=\"$LogWebPath\/emoticons\/sad.gif\" alt=\"sad\" \/>/g;
$thisentrymorebody =~ s/\:sick:/<img src=\"$LogWebPath\/emoticons\/sick.gif\" alt=\"sick\" \/>/g;
$thisentrymorebody =~ s/\:silly:/<img src=\"$LogWebPath\/emoticons\/silly.gif\" alt=\"silly\" \/>/g;
$thisentrymorebody =~ s/\:$/<img src=\"$LogWebPath\/emoticons\/smile.gif\" alt=\"smile\" \/>/g;
$thisentrymorebody =~ s/\:stressed:/<img src=\"$LogWebPath\/emoticons\/stressed.gif\" alt=\"stressed\" \/>/g;
$thisentrymorebody =~ s/\:surprised:/<img src=\"$LogWebPath\/emoticons\/surprised.gif\" alt=\"surprised\" \/>/g;
$thisentrymorebody =~ s/\:thoughtful:/<img src=\"$LogWebPath\/emoticons\/thoughtful.gif\" alt=\"thoughtful\" \/>/g;
$thisentrymorebody =~ s/\:tired:/<img src=\"$LogWebPath\/emoticons\/tired.gif\" alt=\"tired\" \/>/g;
$thisentrymorebody =~ s/\:weird:/<img src=\"$LogWebPath\/emoticons\/weird.gif\" alt=\"weird\" \/>/g;
$thisentrymorebody =~ s/\;\)/<img src=\"$LogWebPath\/emoticons\/wink.gif\" alt=\"wink\" \/>/g;
$thisentrymorebody =~ s/\:working:/<img src=\"$LogWebPath\/emoticons\/working.gif\" alt=\"working\" \/>/g;
$thisentrymorebody =~ s/\:worried:/<img src=\"$LogWebPath\/emoticons\/worried.gif\" alt=\"worried\" \/>/g;

5. Click here again and find the second bit of code shown in BLUE. After it, paste the following code into your gm-library page (shown in RED on the link you just clicked):

# Smiley-Hack by Nanzy (this part applies to the comments)
$thiscommenttext =~ s/\:determined:/<img src=\"$LogWebPath\/emoticons\/determined.gif\" alt=\"determined\" \/>/g;
$thiscommenttext =~ s/\:angry:/<img src=\"$LogWebPath\/emoticons\/angry.gif\" alt=\"angry, grr\" \/>/g;
$thiscommenttext =~ s/\:annoyed:/<img src=\"$LogWebPath\/emoticons\/annoyed.gif\" alt=\"annoyed\" \/>/g;
$thiscommenttext =~ s/\:artistic:/<img src=\"$LogWebPath\/emoticons\/artistic.gif\" alt=\"artistic\" \/>/g;
$thiscommenttext =~ s/\:blah:/<img src=\"$LogWebPath\/emoticons\/blah.gif\" alt=\"blah\" \/>/g;
$thiscommenttext =~ s/\:blank:/<img src=\"$LogWebPath\/emoticons\/blank.gif\" alt=\"blank\" \/>/g;
$thiscommenttext =~ s/\:bouncy:/<img src=\"$LogWebPath\/emoticons\/bouncy.gif\" alt=\"bouncy\" \/>/g;
$thiscommenttext =~ s/\:confused:/<img src=\"$LogWebPath\/emoticons\/confused.gif\" alt=\"confused\" \/>/g;
$thiscommenttext =~ s/\:discontent:/<img src=\"$LogWebPath\/emoticons\/discontent.gif\" alt=\"discontent\" \/>/g;
$thiscommenttext =~ s/\:devious:/<img src=\"$LogWebPath\/emoticons\/devious.gif\" alt=\"devious\" \/>/g;
$thiscommenttext =~ s/\:dirty:/<img src=\"$LogWebPath\/emoticons\/dirty.gif\" alt=\"dirty\" \/>/g;
$thiscommenttext =~ s/\:blush:/<img src=\"$LogWebPath\/emoticons\/embarrassed.gif\" alt=\"embarrassed\" \/>/g;
$thiscommenttext =~ s/\:enraged:/<img src=\"$LogWebPath\/emoticons\/enraged.gif\" alt=\"enraged\" \/>/g;
$thiscommenttext =~ s/\:P/<img src=\"$LogWebPath\/emoticons\/flirty.gif\" alt=\"flirty\" \/>/g;
$thiscommenttext =~ s/\:geeky:/<img src=\"$LogWebPath\/emoticons\/geeky.gif\" alt=\"geeky\" \/>/g;
$thiscommenttext =~ s/\:D/<img src=\"$LogWebPath\/emoticons\/giggly.gif\" alt=\"giggly\" \/>/g;
$thiscommenttext =~ s/\:high:/<img src=\"$LogWebPath\/emoticons\/high.gif\" alt=\"high\" \/>/g;
$thiscommenttext =~ s/\:hot:/<img src=\"$LogWebPath\/emoticons\/hot.gif\" alt=\"hot\" \/>/g;
$thiscommenttext =~ s/\:hyper:/<img src=\"$LogWebPath\/emoticons\/hyper.gif\" alt=\"hyper\" \/>/g;
$thiscommenttext =~ s/\:jealous:/<img src=\"$LogWebPath\/emoticons\/jealous.gif\" alt=\"jealous\" \/>/g;
$thiscommenttext =~ s/\:moody:/<img src=\"$LogWebPath\/emoticons\/moody.gif\" alt=\"moody\" \/>/g;
$thiscommenttext =~ s/\:okay:/<img src=\"$LogWebPath\/emoticons\/okay.gif\" alt=\"okay\" \/>/g;
$thiscommenttext =~ s/\:$/<img src=\"$LogWebPath\/emoticons\/sad.gif\" alt=\"sad\" \/>/g;
$thiscommenttext =~ s/\:sick:/<img src=\"$LogWebPath\/emoticons\/sick.gif\" alt=\"sick\" \/>/g;
$thiscommenttext =~ s/\:silly:/<img src=\"$LogWebPath\/emoticons\/silly.gif\" alt=\"silly\" \/>/g;
$thiscommenttext =~ s/\:$/<img src=\"$LogWebPath\/emoticons\/smile.gif\" alt=\"smile\" \/>/g;
$thiscommenttext =~ s/\:stressed:/<img src=\"$LogWebPath\/emoticons\/stressed.gif\" alt=\"stressed\" \/>/g;
$thiscommenttext =~ s/\:surprised:/<img src=\"$LogWebPath\/emoticons\/surprised.gif\" alt=\"surprised\" \/>/g;
$thiscommenttext =~ s/\:thoughtful:/<img src=\"$LogWebPath\/emoticons\/thoughtful.gif\" alt=\"thoughtful\" \/>/g;
$thiscommenttext =~ s/\:tired:/<img src=\"$LogWebPath\/emoticons\/tired.gif\" alt=\"tired\" \/>/g;
$thiscommenttext =~ s/\:weird:/<img src=\"$LogWebPath\/emoticons\/weird.gif\" alt=\"weird\" \/>/g;
$thiscommenttext =~ s/\;\)/<img src=\"$LogWebPath\/emoticons\/wink.gif\" alt=\"wink\" \/>/g;
$thiscommenttext =~ s/\:working:/<img src=\"$LogWebPath\/emoticons\/working.gif\" alt=\"working\" \/>/g;
$thiscommenttext =~ s/\:worried:/<img src=\"$LogWebPath\/emoticons\/worried.gif\" alt=\"worried\" \/>/g;

6. Log into your GM (it should be something like http://your-site.com/greymatter/gm.cgi) and go to Edit Templates > Edit Karma & Comments-Related Templates. Scroll down to the {{entrycommentsform}} Posting Form and replace ALL the code in that box with the following:

Click here to select & copy the code below

document.newcomment.newcommentbody.value = cache + " " + code;
	document.newcomment.newcommentbody.focus();
}

function commentLeftchars()
{
	var comment = event.srcElement;
	var limit = "250";

if (comment.value.length > limit)
	{
		comment.value = comment.value.substring(0,limit);
		left = "0";
	}
	else
	{
		left = limit - comment.value.length;
	}
	document.newcomment.leftchars.value = left;
}
</script>
<p>
<table cellpadding="0" cellspacing="2">
<form action="{{cgiwebpath}}/gm-comments.cgi?comments" method="post" name="newcomment">
<input name="newcommententrynumber" type="hidden" value="{{entrynumber}}">
<tr>
<td align="center" colspan="2">
<font size=1>New Comment
</td>
</tr>
<tr>
<td>
<font size=1>Name
</td>
<td>
<input name="newcommentauthor" size="30" type="text">
</td>
</tr>
<tr>
<td>
<font size=1>E-Mail
</td>
<td>
<input name="newcommentemail" size="30" type="text">
</td>
</tr>
<tr>
<td>
<font size=1>Homepage
</td>
<td>
<input name="newcommenthomepage" size="30" type="text">
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0">
<tr>
<td align="center" colspan="3">
<font size=1>Smilies:
</td>
</tr>
<tr>
<td><img alt=":determined:" onclick="commentEmoticon(':determined:')" src="{{logwebpath}}/emoticons/determined.gif" /></td>
<td><img alt=":angry:" onclick="commentEmoticon(':angry:')" src="{{logwebpath}}/emoticons/angry.gif" /></td>
<td><img alt=":annoyed:" onclick="commentEmoticon(':annoyed:')" src="{{logwebpath}}/emoticons/annoyed.gif" /></td>
</tr>
<tr>
<td><img alt=":artistic:" onclick="commentEmoticon(':artistic:')" src="{{logwebpath}}/emoticons/artistic.gif" /></td>
<td><img alt=":blah:" onclick="commentEmoticon(':blah:')" src="{{logwebpath}}/emoticons/blah.gif" /></td>
<td><img alt=":blank:" onclick="commentEmoticon(':blank:')" src="{{logwebpath}}/emoticons/blank.gif" /></td>
</tr>
<tr>
<td><img alt=":bouncy:" onclick="commentEmoticon(':bouncy:')" src="{{logwebpath}}/emoticons/bouncy.gif"  /></td>
<td><img alt=":confused:" onclick="commentEmoticon(':confused:')" src="{{logwebpath}}/emoticons/confused.gif"/></td>
<td><img alt=":discontent:" onclick="commentEmoticon(':discontent:')" src="{{logwebpath}}/emoticons/discontent.gif"/></td>
</tr>
<tr>
<td><img alt=":deviousl:" onclick="commentEmoticon(':devious:')" src="{{logwebpath}}/emoticons/devious.gif"/></td>
<td><img alt=":geeky:" onclick="commentEmoticon(':geeky:')" src="{{logwebpath}}/emoticons/geeky.gif" /></td>
<td><img alt=":blush:" onclick="commentEmoticon(':blush:')" src="{{logwebpath}}/emoticons/embarrassed.gif" /></td>
</tr>
<tr>
<td><img alt=":enraged:" onclick="commentEmoticon(':enraged:')" src="{{logwebpath}}/emoticons/enraged.gif" /></td>
<td><img alt=":P" onclick="commentEmoticon(':P')" src="{{logwebpath}}/emoticons/flirty.gif" /></td>
<td><img alt=":D" onclick="commentEmoticon(':D')" src="{{logwebpath}}/emoticons/giggly.gif" /></td>
</tr>
<tr>
<td><img alt=":high:" onclick="commentEmoticon(':high:')" src="{{logwebpath}}/emoticons/high.gif" /></td>
<td><img alt=":hot:" onclick="commentEmoticon(':hot:')" src="{{logwebpath}}/emoticons/hot.gif" /></td>
<td><img alt=":hyper:" onclick="commentEmoticon(':hyper:')" src="{{logwebpath}}/emoticons/hyper.gif" /></td>
</tr>
<tr>
<td><img alt=":jealous:" onclick="commentEmoticon(':jealous:')" src="{{logwebpath}}/emoticons/jealous.gif" /></td>
<td><img alt=":moody:" onclick="commentEmoticon(':moody:')" src="{{logwebpath}}/emoticons/moody.gif" /></td>
<td><img alt=":okay:" onclick="commentEmoticon(':okay:')" src="{{logwebpath}}/emoticons/okay.gif" /></td>
</tr>
<tr>
<td><img alt=":(" onclick="commentEmoticon(':(')" src="{{logwebpath}}/emoticons/sad.gif" /></td>
<td><img alt=":silly:" onclick="commentEmoticon(':silly:')" src="{{logwebpath}}/emoticons/silly.gif" /></td>
<td><img alt=":)" onclick="commentEmoticon(':)')" src="{{logwebpath}}/emoticons/smile.gif" /></td>
</tr>
<tr>
<td><img alt=":stressed:" onclick="commentEmoticon(':stressed:')" src="{{logwebpath}}/emoticons/stressed.gif" /></td>
<td><img alt=":suprised:" onclick="commentEmoticon(':surprised:')" src="{{logwebpath}}/emoticons/surprised.gif" /></td>
<td><img alt=":thoughtful:" onclick="commentEmoticon(':thoughtful:')" src="{{logwebpath}}/emoticons/thoughtful.gif" /></td>
</tr>
<tr>
<td><img alt=":tired:" onclick="commentEmoticon(':tired:')" src="{{logwebpath}}/emoticons/tired.gif" /></td>
<td><img alt=":wierd:" onclick="commentEmoticon(':weird:')" src="{{logwebpath}}/emoticons/weird.gif" /></td>
<td><img alt=";)" onclick="commentEmoticon(';)')" src="{{logwebpath}}/emoticons/wink.gif" /></td>
</tr>
<tr>
<td><img alt=":sick:" onclick="commentEmoticon(':sick:')" src="{{logwebpath}}/emoticons/sick.gif" /></td>
<td><img alt=":working:" onclick="commentEmoticon(':working:')" src="{{logwebpath}}/emoticons/working.gif" /></td>
<td><img alt=":worried:" onclick="commentEmoticon(':worried:')" src="{{logwebpath}}/emoticons/worried.gif" /></td>
</tr>

</table>
</td>
<td>
<textarea cols="25" name="newcommentbody" rows="10" wrap="virtual"></textarea>
</td>
</tr>
<tr>
<td align="center">
<input type="reset" value="Reset">
<input name="gmpostpreview" type="submit" value="Preview">
<input type="submit" value="Submit">
</td>
</tr>
</form>
</table>
</p>

6. Save the page and rebuild all files. Now your GM smilies should work just fine! Here's a little guide as to what to type to get each smilie:

:determined: