Site
    About
    Affiliates
    Affiliation
    CS Team
    Disclaimer
    Guestbook
    Link Us
    Staff
    Submit a Suggestion
    Team Openings
    Thanks and Credit

Sakura Kinomoto
    Costumes
    Family
    Profile
    Relationships
    S+S Story

Information
    CardCaptors
    CardCaptor Sakura
    Character Profiles
    Episode Guide
    Items
    Name Flips
    The Unsealed Card Script

Clow Cards
    Abilities
    Card List
    Clow Cards
    Clow Card Scans
    Sakura Cards
    Sakura Card Scans

Multimedia
    Anime Gallery
    Brushes
    Free Fonts
    Greymatter Smilies
    Manga Gallery
    Music
    Scans
    Screenshots

Goodies
    Calendars
    Doorknob Hangers
    Gift Tags
    ID Cards
    Stationary
    Weekly Planners

Free Graphics
    Avatars
    Banners
    Buttons
    Blinkies
    Icons
    Image Maps
    Layouts
    Livejournal Icons
    Neopet Goodies
    Signatures
    Wallpapers
    Xanga Banners
    Request

Fun and Games
    Adoptables
    Broken Keyboard
    CCS Adventure
    CCS Quizzes
    CCS Quilt
    Create your Own Clow Card
    Eriol's Puzzle
    Find Kero
    Guess Kero's Weight
    Guess the Image
    Kero's Puzzle
    Mystery Picture
    Polls
    Tic Tac Toe
    Hall of Fame

Fan Section
    Comics
    Fan Art
    Fan Fiction
    Poetry
    Submit

This tutorial was fashioned after the tutorial I saw at jennyspage.net. I only editted a few things in the textboxes so it would match my smilies. If you would like a more accurate tutorial, visit jennyspage.net

1. First, unzip the smilies file.
2. Go into your FTP, and where all of your greymatter stuff is located, make a new folder/directory called emoticons.
3. In that folder/directory, upload all the smilies there.
4. Open your gm-library.cgi and copy and paste everything into a notepad or any other word processing document you have.
5. Look for this code in gm-library.cgi:

6. Now, copy and paste this code right underneath the previous code:

7. Now, look for this code:

8. And right underneath that, put this code:

9. Save that as gm-library.cgi and upload it in your greymatter directory in ASCII mode.
10. Now, log into your greymatter account and click on Edit Templates.
11. Click on Edit Karma & Comments-Related Templates.
12. Go to the textarea box that says {{entrycommentsform}} Posting Form.
13. Replace all of the text in that box with this code:

<script language="JavaScript"> function commentEmoticon(code) { var cache = document.newcomment.newcommentbody.value; 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"> New Comment </td> </tr> <tr> <td> Name </td> <td> <input name="newcommentauthor" size="30" type="text"> </td> </tr> <tr> <td> E-Mail </td> <td> <input name="newcommentemail" size="30" type="text"> </td> </tr> <tr> <td> 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"> Smilies: </td> </tr> <tr> <td><img alt=":)" onclick="commentEmoticon(':)')" src="{{logwebpath}}/emoticons/smiley_smile.gif" alt="smile" /></td> <td><img alt=":O" onclick="commentEmoticon(':O')" src="{{logwebpath}}/emoticons/smiley_surprised.gif" alt="shocked" /></td> <td><img alt=":(" onclick="commentEmoticon(':(')" src="{{logwebpath}}/emoticons/smiley_sad.gif" alt="sad" /></td> </tr> <tr> <td><img alt=":D" onclick="commentEmoticon(':D')" src="{{logwebpath}}/emoticons/smiley_grin.gif" alt="grin" /></td> <td><img alt=":P" onclick="commentEmoticon(':P')" src="{{logwebpath}}/emoticons/smiley_tongue.gif" alt="tongue" /></td> <td><img alt=";)" onclick="commentEmoticon(';)')" src="{{logwebpath}}/emoticons/smiley_wink.gif" alt="wink" /></td> </tr> <tr> <td><img alt=":angry:" onclick="commentEmoticon(':angry:')" src="{{logwebpath}}/emoticons/smiley_angry.gif" alt="angry" /></td> <td><img alt=":blush:" onclick="commentEmoticon(':blush:')" src="{{logwebpath}}/emoticons/smiley_blush.gif" alt="blush" /></td> <td><img alt=":confused:" onclick="commentEmoticon(':confused:')" src="{{logwebpath}}/emoticons/smiley_confused.gif" alt="confused" /></td> </tr> <tr> <td><img alt=":cool:" onclick="commentEmoticon(':cool:')" src="{{logwebpath}}/emoticons/smiley_cool.gif" alt="cool" /></td> <td><img alt=":innocent:" onclick="commentEmoticon(':innocent:')" src="{{logwebpath}}/emoticons/smiley_innocent.gif" alt="innocent" /></td> <td><img alt=":cry:" onclick="commentEmoticon(':cry:')" src="{{logwebpath}}/emoticons/smiley_cry.gif" alt="cry" /></td> </tr> <tr> <td><img alt=":unsure:" onclick="commentEmoticon(':unsure:')" src="{{logwebpath}}/emoticons/smiley_unsure.gif" alt="unsure" /></td> <td><img alt=":laughing:" onclick="commentEmoticon(':laughing:')" src="{{logwebpath}}/emoticons/smiley_laughing.gif" alt="laugh" /></td> <td><img alt=":uncaring:" onclick="commentEmoticon(':uncaring:')" src="{{logwebpath}}/emoticons/smiley_uncaring.gif" alt="uncaring" /></td> </tr> <tr> <td><img alt=":sweatdrop:" onclick="commentEmoticon(':sweatdrop:')" src="{{logwebpath}}/emoticons/smiley_sweatdrop.gif" alt="sweatdrop" /></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>

14. Now, save the template and you're done.

Here is the list of what you have to put in your blog for the right smilies.

:) = smile
:O = shocked
:( = sad
:D = grin
:P = tongue
;) = wink
:angry: = angry
:confused: = confused
:cool: = cool/sunglasses
:innocent: = innocent/angel
:cry: = crying
:unsure: = unsure
:laughing: = laughing
:uncaring: = uncaring
:sweatdrop: = sweatdrop