Cara Paling Mudah Menambahkan Smiley / Emoticon


Cara ini adalah cara yang paling mudah untuk menambahkan Smiley atau Emoticon pada kolom komentar blog milik sobat, tinggal mengganti ]]></b:skin> dengan script di bawah.

.emoWrap {background-color:transparent; border:0px solid#transparent; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; padding:5px 5px; color:black; font:bold 12px Comic Sans Ms; text-align:left; width: 430px;}
img.emo, input.emoKey {display:inline-block; *display:inline; vertical-align:middle;}
input.emoKey {border:0px solid#transparent;background-color:transparent;font:bold 11px Comic Sans Ms;padding:1px 2px;margin:0px 0px 0px 2px;color:black;}
]]></b:skin>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
      putEmoAbove = "iframe#comment-editor",
      emoMessage = "Beri spasi antara Text dan Kode emoticon.";
//]]>
</script>
<script src='http://andysmile.googlecode.com/files/emoticon.js' type='text/javascript'/>
Simpan, dan Selesai..
Tapi sebelumnya lihat dan pastikan dulu ada atau tidak script ini
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/> 
di template sobat, kalo sudah ada tidak usah dipasang lagi jquery.min.js nya, cukup 1 saja dan simpan dibawah ]]></b:skin>