Saturday, March 10, 2012

Posting lebih keren dengan emoticon

emoticon

Pasang emoticon saat posting mungkin lebih keren ya,. . ? karena biasa nya orang - orang kalau nulis di blog suka make' ekspresi - ekspresi :D dan lain - lain, nah sekarang anda bisa menikmati itu semua hanya dengan menambah sedikti script anda bisa lihat contoh demonya silahkan di cek langsung

DEMO

Jika dalam menerapkan CSS3 Konten Slider mudah dalam meletakan script ini pun mudah anda hanya perlu mencari kode </head>

<script src='http://sites.google.com/site/zyztem33/js/emoticon.js' type='text/javascript'/>

Setelah itu klik Simpan template. Trus gimana gunainya heheheh gampang kok saat anda posting silahkan tambahkan ekspresi seperti ini :

/hehe /sweet /gakmau /ingusan /hai /ketawa /omg /no /panas /woe /berguling /XD /hipnotis /bye /sedih

Pilih aja salah satunya semua juga boleh oh iya itu ekspresinya berurutan sesuai gambar di demo, untuk menggunakannya gunakan Editor mode EDIT HTML bukan Compose ok, ets hampir lupa selain kode di atas kode emoticon yahoo juga bisa di gunakan maksudnya gini kita kan biasa nulis :D, :)),;;) dll. itu juga bisa di gunakan gitu maksudnya ok nah dan satu lagi biar script nya gak hilang silahkan download dan simpan script nya di hostingan anda silahkan di download link nya di bawah ini :

DOWNLOAD

kalau gak mau bisa itu aja punya saya. maksudnya di download kan buat jaga2 juga siapa tau script saya tiba2 ilang hehehe jadi gak bekerja kalau ilang script nya, ok deh segitu saja tutorial kali ini moga bermanfaat. yang mau scriptnya ambil di bawah ini

function showsbtext(id,index) {
var bookmarktext=document.getElementById(id);
var sbValues= new Array();
  sbValues[0] = 'Bookmark:';
  sbValues[1] = 'Add to <strong>Digg</strong>';
  sbValues[2] = 'Add to <strong>Delicious</strong>';
  sbValues[3] = 'Add to <strong>Blinklist</strong>';
  sbValues[4] = 'Add to <strong>Yahoo Web</strong>';
  sbValues[5] = 'Add to <strong>Netvouz</strong>';
  sbValues[6] = 'Add to <strong>Ma.gnolia</strong>';
  sbValues[7] = 'Add to <strong>Fark</strong>';
  sbValues[8] = 'Add to <strong>Furl</strong>';
  sbValues[9] = 'Add to <strong>Technorati</strong>';
  sbValues[10] = 'Add to <strong>Simpy</strong>';
  sbValues[11] = 'Add to <strong>Spurl</strong>';
  sbValues[12] = 'Add to <strong>Newsvine</strong>';
  sbValues[13] = 'Add to <strong>Blinkbits</strong>';
  sbValues[14] = 'Add to <strong>Smarkings</strong>';
  sbValues[15] = 'Add to <strong>Segnalo</strong>';
  sbValues[16] = 'Add to <strong>De.lirio.us</strong>';
  sbValues[17] = 'Add to <strong>Reddit</strong>';
  sbValues[18] = 'Add to <strong>Wists</strong>';
  sbValues[19] = 'Add to <strong>Google</strong>';
document.getElementById(bookmarktext.id).innerHTML = sbValues[index];
}


document.getElementsByClassName = function(clsName){
    var retVal = new Array();
    var elements = document.getElementsByTagName("*");
    for(var i = 0;i < elements.length;i++){
        if(elements[i].className.indexOf(" ") >= 0){
            var classes = elements[i].className.split(" ");
            for(var j = 0;j < classes.length;j++){
                if(classes[j] == clsName)
                    retVal.push(elements[i]);
            }
        }
        else if(elements[i].className == clsName)
            retVal.push(elements[i]);
    }
    return retVal;
}

function addSmiley(dummy)
{
  var d = [], i=0, def = ['post-body','entry-content'];

  for(i=0;i<def.length;i++)
  {
 var content = document.getElementsByClassName(def[i]);
 for(var j=0;j<content.length;j++)
  d.push(content[j]);
  }

  for(i=0;i<arguments.length;i++)
  {
 var content = document.getElementsByClassName(arguments[i]);
 for(var m=0;m<content.length;m++)
  d.push(content[m]);
  }

  for(var i=0;i<d.length;i++)
  {
     d[i].innerHTML = d[i].innerHTML.replace (/\/gakmau/ig,"<img style='border: 0; padding:0'  src='http://farm2.static.flickr.com/1427/712360170_9c2a21ab5b_o.gif' height='20'/>")
     d[i].innerHTML = d[i].innerHTML.replace (/\/hai/ig,"<img style='border: 0; padding:0' src='http://farm1.static.flickr.com/148/409434711_7c32198636_o.gif' height='20'/>")
     d[i].innerHTML = d[i].innerHTML.replace (/\/ketawa/ig,"<img style='border: 0; padding:0'  src='http://farm1.static.flickr.com/158/409434721_0a3ee7ea41_o.gif' height='20'/>")
     d[i].innerHTML = d[i].innerHTML.replace (/\/omg/ig,"<img style='border: 0; padding:0'  src='http://farm1.static.flickr.com/167/409428414_963eff3677_o.gif' height='20'/>")
     d[i].innerHTML = d[i].innerHTML.replace (/\/no/ig,"<img style='border: 0; padding:0'  src='http://farm1.static.flickr.com/166/409434720_46d32dda83_o.gif' height='20'/>")
     d[i].innerHTML = d[i].innerHTML.replace (/\/ingusan/ig,"<img style='border: 0; padding:0'  src='http://farm1.static.flickr.com/176/409434716_15a0125bdf_o.gif' height='20'/>")
     d[i].innerHTML = d[i].innerHTML.replace (/\/panas/ig,"<img style='border: 0; padding:0'  src='http://farm1.static.flickr.com/171/409428410_64dafd1e42_o.gif' height='20'/>")
     d[i].innerHTML = d[i].innerHTML.replace (/\/woe/ig,"<img style='border: 0; padding:0'  src='http://farm2.static.flickr.com/1199/698528140_b56f9dabac_o.gif' height='20'/>")
     d[i].innerHTML = d[i].innerHTML.replace (/\/berguling/ig,"<img style='border: 0; padding:0'  src='http://farm2.static.flickr.com/1173/698474628_19dedfacd5_o.gif' height='20'/>")
     d[i].innerHTML = d[i].innerHTML.replace (/\/XD/ig,"<img style='border: 0; padding:0'  src='http://farm2.static.flickr.com/1340/698474700_7456a5ef02_o.gif' height='20'/>")
     d[i].innerHTML = d[i].innerHTML.replace (/\/hehe/ig,"<img style='border: 0; padding:0'  src='http://farm2.static.flickr.com/1178/712360134_b8ebc3161b_o.gif' height='20'/>")
     d[i].innerHTML = d[i].innerHTML.replace (/\/hipnotis/ig,"<img style='border: 0; padding:0'  src='http://farm2.static.flickr.com/1250/712360148_2611573995_o.gif' height='20'/>")
     d[i].innerHTML = d[i].innerHTML.replace (/\/sweet/ig,"<img style='border: 0; padding:0'  src='http://farm2.static.flickr.com/1298/712360160_d7dfa9317b_o.gif' height='20'/>")
     d[i].innerHTML = d[i].innerHTML.replace (/\/bye/ig,"<img style='border: 0; padding:0'  src='http://farm4.static.flickr.com/3051/2556978145_c2ca7f9058_o.gif' height='20'/>")
     d[i].innerHTML = d[i].innerHTML.replace (/\/sedih/ig,"<img style='border: 0; padding:0'  src='http://farm4.static.flickr.com/3190/2556985183_445f43c546_o.gif' height='20'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:\(/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:\)\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/o:\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:\-B/ig,"<img style='border: 0; padding:0'   src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\=\;/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:\-c/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:\)\]/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\~X\(/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:\-h/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\I-\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\8-\|/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\L-\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/30.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:-\&amp;/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:-\$/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\[-\(/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:O\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\8-\}/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\&lt;\:\-P/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\(\:\|/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\=P\~/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:-\?/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\#\-O/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:-SS/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\@-\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:\^O/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:-\&lt;/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/46.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\&lt;\)\:\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\o=\&gt;/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/73.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\o-\+/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/74.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\(\%\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/75.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:\"\&gt;/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\[\-o\&lt;/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\$\-\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/64.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:\-\"/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/b-\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/b-\(/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:\)\&gt;\-/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\\\:D\//ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\&gt;\:\//ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/70.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\;\)\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:\-\@/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/76.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\^\:\)\^/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/77.gif'>")
d[i].innerHTML = d[i].innerHTML.replace (/\:\-j/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\(\*\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/79.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/o-\&gt;/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/72.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\&gt;\-\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/61.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\:\-L/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\8-x/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/59.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\*\-\:\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/58.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\~O\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\(\~\~\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/56.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\*\*\=\=/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/55.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\%\%\-/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/54.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\@\}\;\-/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\~\:\&gt;/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/52.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\/\:\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\&gt;\:\D\&lt;/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif' alt='>:-D<'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\&gt;:\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/>")       
 d[i].innerHTML =d[i].innerHTML.replace(/\=\)\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' alt='=)'/>")
 d[i].innerHTML =d[i].innerHTML.replace(/\=\(\(/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' alt='=('/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\:\(\|\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/51.gif' />")
d[i].innerHTML = d[i].innerHTML.replace(/\:\(\(/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' />")
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\*/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' />")
d[i].innerHTML = d[i].innerHTML.replace(/\:\|/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\;;\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' />")
d[i].innerHTML = d[i].innerHTML.replace(/\;\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' alt=';)'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\:D/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' alt=':-D'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\//ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' alt=':-C'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\:-T/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'alt=':-T'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\:x/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'alt=':X'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\:&gt;/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif' alt=':>'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\#:-S/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif' alt='hash :- S'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\:-S/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif' alt=':-S'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\:o3/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/108.gif' alt=':o3' />")
d[i].innerHTML = d[i].innerHTML.replace(/\8-\&gt;/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'alt='8-&gt;'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\:-W/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'alt=':-w'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\[-*x/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif' alt='[-X'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\s*x\(/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' alt='X('/>")
d[i].innerHTML = d[i].innerHTML.replace(/\:-O/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' alt=':-O'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\&gt;:P/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' alt='>:P'/>") 
d[i].innerHTML = d[i].innerHTML.replace(/\=D&gt;/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif' alt='=D>'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\s=;/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif' alt='=;>'/>")
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\?\?/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/106.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\%\-\(/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/107.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:\@\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/49.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\:\P/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>")

    }
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

addLoadEvent(function(){
 addSmiley();
});

Perhatikan kode berwarna merah, itu adalah Class HTML yang akan diberi Emotikon, jadi perhatikan pada bagian postingan anda jika tidak ada Class tersebut pada kode HTML_nya maka tambahkan Class tersebut tapi biasanya default template blogger pasti ada, kecuali sudah banyak terjadi modifikasi bisa saja class tersebut diHapus dan diganti dengan kata lain.

74 komentar postingan ini

gak kegedean tuh kalo untuk postingan!!!
kamu harus tetep semangat...sy sj yg jenuhnya yah :D

hehehehehe kegedean sih tapi kan ekspresi jadi ya gak pp bang gede2 hhehhehe aku terus semangat selama paket internet masih berlaku :)

CENDOL gan,..
IJin Sedoooooot,.. :D
hhheehhehhe

pastinya dengan adanya emotion postingan kita akan semakin menraik minat baca para pengunjung sobat...

dikecilin dulu sizenya di Resize, hehehe itu Mas Beben mengatakan - /ketawa

keren bangeeettt sobat,,,,,,,,,,

perlu dicoba nih osb,,,,

Falah Mulyana berkunjung di blog sobat sebelum melakukan aktifitas,,,,,,

Nice share and happy Blogging sobat

tapi apa bagus nanti gambarnya . . .?

ajibbbbbbbb,, gak usah repot2 copas url image, sippp

kerennnn,, aku juga udah coba ^^

Keren sob, di Bookmark dolo ah buat koleksi...nice share Zhin...

Thanks sob, boleh dicobain neh :)

Makasih infonya, wah.. berguna banget ini.. ^_^

Lho? kok kebetulan bnget ya.. ane pernah ngepost pake smile :) begitu, trnyata ga mau jadi emoticon. trnyta ada caranya ya sob, okelah ane coba.. thanks..

iya nih,,, pengen sih,,, tapi gede banget,, ntar jarak antar kalimat justru jadi kurang enak di liatin... yg tadinya pengen rame dg menambah emot,,,

*sekedar opini :)

bagus juga kalau dicoba..postingan jadi lebih meriah dengan kerlap kerlip

wahhh keren nii.. izin nyimak ilmunya kang

hahaha iya gan kalau di blogger butuh script, dan selamat mencoba

Emmm Entar Deh gan aku kecilin ukuran gambarnya

hehehe betul sekali biar hidup postingannya ;)

ditungguin gambarnya yg kecil,,, biar blog makin imoeett.. :D

iya bro, coba aja kayak wordpress yang kalau masang :) atau emosi smile, langsung terbaca sebagai smile

punyaku dulu pake emoticon juga, cuma loading page nya jadi nambah berat, kasian buat orang yg intenya lelet kaya punyaku

xixixixixi, seperti makin tambah seru degan dipasang emoticon ini. thank,, dan dishare,,nyobaoin ah. hehehe

Kunjungan balik, ijin ngopi kodenya ya
makasih

Udah kok Bang Aku Udah Update scriptnya tadi malam Coba aja cek

iya bang sekarang bisa make' script ini

Hehhee betul mungkin banyak script yang lain juga jadi tambah berat

kalo gak salah emotion2 itu biasa ane liat di blog versi wap...

dulunya aq make sih zin,tahun berapa ya?akhirnya tak copot karena berat haha

owh kalau itu kurang tau aku pake WAP jaman dulu banget yaitu make Xtgem tapi sekarang dah gak pernah lagi N gak tau deh tuh info2x hehe

hahaha abis kebanyakan script kali bang hehhee

dulu udah pernah masang emoticon dari salah satu blog India (yg banner nya terpasang di kiri bawah blog-ku (SMILEY FOR BLOGGER). Tapi entah kenapa sekarang ga berfungsi tuh!

kunjungan balik gan...
entar deh, kalo koneksi internet saya enggak lekong, akan saya coba praktekkan tips di atas.

oia, agan dari Bone? Kenal kah dg sist Fai pemilik blog koskakiungu???

Aku dari SUL-SEL tapi bukan di bone tapi di LUWU UTARA, iya aku kenal

Ckckckkckck mungkin karena blogger udah ganti semua jadi baru jadi ya kodenya ada sedikit berbeda hehe

jadi ada gambarnyaaa ^^ fufufuf

ayo...ayoo...ayo di coba...
:)

emot nya cibi banget gan.. haha izin ke TKP ya

test lagi gan : /hehe /sweet /gakmau /ingusan /hai /ketawa /omg /no /panas /woe /berguling /XD /hipnotis /bye /sedih :P

yah Bang ini Bukan Emoticon buat komentar ini buat postingan

oh kirain untuk koment juga. :D :P

timur ke barat , selatan ke utara tak juga aku temukan....,
dari musim duren hingga musim rambutan tak kunjung aku dapatkan, tak jua aku temukan..., oh tuhan inikah cobaan ??

udahan dulu ah nyanyi nya hehehe... sudah ketemu disini :D , ( disebelah link js nya mati semua :( ) Thanks bro...

pastinya dong lebih keren :-) tp apa nggak bikin berat zhint?

Web Bisnis Online Yang Menjadikan Facebook Sebagai
Media/Sarana Penghasil Uang Dengan System Terbaru
Komisi 100% Untuk Anda ,sangat mudah dijalankan,dan komisi 100% buat anda
dan satu lagi,blog anda akan bertambah fungsi sebagai mesin penghasil uang anda.

www.bisnisfacebooker.com/?id=xtshop30

atau email saya di: xtshop30@gmail.com

Kunjungan balik sob http://www.hadi98.com/

:( di template ku gak work bang..

mungkin Class postingannya berbeda

Jika ingin memasukan gambar gunakan tag
[img]url gambar[/img]
Jika Video
[youtube]URL Video[/youtube]
Jika kata - kata mutiara gunakan
[blockquote]Kata-kata Anda[/blockquote]
Emoticon
EmoticonEmoticon