Tutorial : Cara Buat Emoticon Script.

Hello everyone, i have done completing this tutorial for 2 days. Im here to spread out the knowledge on how to make your own lovely emoticon. Enjoy this tutorial.

STEP 1

1. CHOOSE ANY SUBJECT/EMOTICON THAT YOU LIKE
   
2. LEFT CLICK
3. COPY IMAGE LOCATION

STEP 2

1. GO TO ANY WEBSITES THAT OFFERS IMAGE HOSTING.
2. PREFERRED WEB : PHOTOBUCKET.COM

1. PASTE THE IMAGE URL WHEN YOU SEE THIS BOX
2. CLICK UPLOAD

SAVE AND CONTINUE

COPY DIRECT LINK

STEP 3

1. COPY THIS COMPLETE VERSION SCRIPT
2. SAVE ON YOUR COMPUTER

//-----------------------------------------------------------------------//
// Visit my blog at http://neorul87.blogspot.com
//its complete version
// Wan Wan _ neo
//-----------------------------------------------------------------------//

//Original author : NEO (http://neorul87.blogspot.com)

// ==UserScript==
// @name          Neorul87

// ==/UserScript==

// FEATURES
// Works only in Compose modes
// Add the emoticons at the end of the text

// TODO
// modify the script to insert the emoticon directly after the cursor

window.addEventListener("load", function(e) {

function setemoticons(domname)
{
var editbar = document.getElementById(domname);
 if (editbar) {

   var buttons = "
";


 buttons += emoticonButton(":#a:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan048.gif");
 buttons += emoticonButton(":#b:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan046.gif");
 buttons += emoticonButton(":#c:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan045.gif");
 buttons += emoticonButton(":#d:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan044.gif");
 buttons += emoticonButton(":#e:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan043.gif");
 buttons += emoticonButton(":#f:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan042.gif");
 buttons += emoticonButton(":#g:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan041.gif");
 buttons += emoticonButton(":#h:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan040.gif");
 buttons += emoticonButton(":#i:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan039.gif");
 buttons += emoticonButton(":#j:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan038.gif");
 buttons += emoticonButton(":#k:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan037.gif");
 buttons += emoticonButton(":#l:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan036.gif");
 buttons += emoticonButton(":#m:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan035.gif");
 buttons += emoticonButton(":#n:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan034-1.gif");
 buttons += emoticonButton(":#o:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan029.gif");
 buttons += emoticonButton(":#p:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan028.gif");
 buttons += emoticonButton(":#q:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan025.gif");
 buttons += emoticonButton(":#r:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan030.gif");
 buttons += emoticonButton(":#s:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan024.gif");
 buttons += emoticonButton(":#t:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan023.gif");
 buttons += emoticonButton(":#u:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan021.gif");
 buttons += emoticonButton(":#v:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan013.gif");
 buttons += emoticonButton(":#w:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan020.gif");
 buttons += emoticonButton(":#x:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan022.gif");
 buttons += emoticonButton(":#y:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan012.gif");
 buttons += emoticonButton(":#z:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan007.gif");
 buttons += emoticonButton(":#z1:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan009.gif");   
 buttons += emoticonButton(":#z2:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan003.gif");
 buttons += emoticonButton(":#z3:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan004.gif");
 buttons += emoticonButton(":#z4:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/wan011.gif");

   buttons += separator();

   editbar.innerHTML += buttons;
 }
}


function emoticonButton(name, url) {
 return "\";})();ButtonMouseDown(this);'>\n";
}

function separator() {
 return "
  
\n";
}

setemoticons("formatbar");

}, false);

  

STEP 4

1. FIND THIS AREA.
2. CHANGE SOME INFORMATION THAT WILL REPRESENT YOUR URL
   

//-----------------------------------------------------------------------//

// Visit my blog at http://neorul87.blogspot.com

//its complete version

// Rice Balls Emoticon II

//-----------------------------------------------------------------------//

//Original author : NEO (http://neorul87.blogspot.com)

// ==UserScript==

// @name Neorul87

STEP 5

1. CHANGE THE BLUE SELECTION BY PASTING THE DIRECT LINK
2. CHANGE THE RED SELECTION BY NAMING THE EMOTICON

buttons += emoticonButton(":LOVE:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/fanta_emo115.gif");

buttons += emoticonButton(":LOUGH:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/fanta_emo116.gif");

buttons += emoticonButton(":CRY:", "http://i287.photobucket.com/albums/ll146/neorul87/emoticon/fanta_emo114.gif");

STEP 6

SAVE AS ...

THE FILE MUST BE SAVE AS user.js AT THE END OF IT.

EXAMPLE : SAVE AS <user.js>

STEP 7

1. GO TO THIS SITE
2. SIGN IN FOR GOOGLEPAGES CREATOR
3. CLICK THE IMAGE BELOW

STEP 8

1. START UPLOADING YOUR DOCUMENT

1. BROWSE DOCUMENT FROM YOUR COMPUTER
2. GET THE LINK
3. PROMOTE THE LINK TO OTHERS!
4. DONE

P/S FROM NEO : YOU’VE GOT ANY FURTHER QUEST FOR THIS TUTORIAL? JUST LEAVE ME COMMENTS, I’LL GIVE FEEDBACK.