Thursday, October 23, 2008

Tutorial : Cara Buat Emoticon Script.

:#b:
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.
:#z:

 

Designed by Alieff Artwork