Cara Menambah Emoticon Smiley pada Komentar Blog

Assalamu'alaikum pemirsa~

Sekarang saya menemukan sesuatu yang saha baru tau nih! <-- ketinggalan zaman XDD
Ya mungkin ini bukan sesuatu yang baru, karena pasti sudah banyak juga yang membahasnya....
tapi yang mau saya jelaskan di sini menggunakan konsep JQuery... Apaan tuh? Ini adalah fasilitas emoticon otomatis yang dapat merubah simbol :), :D, :P, menjadi sebuah gambar yang telah ditentukan....
Kaya gini gambarnya: 

Gimana? Tertarik? (^_^)
Mudah2an bisa bermanfaat bagi pemirsa yang membaca :D

Gimana sih caranya?

1. Masuk ke dashboard.
2. Klik Template.
3. Pilih Edit HTML.
4. Cari kode ]]></b:skin> (akan lebih mudah dengan menekan CTRL + F untuk mencarinya).
5. Copy dan paste kode berikut tepat di atasnya:

6. .emoWrap {
     background-color:#fff;
     border:2px solid#0B6138;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
     padding:10px 14px;
     color:black;
     font:bold 12px Tahoma,Arial,Sans-Serif;
     text-align:center;
   }
   
   img.emo, input.emoKey {
     display:inline-block; /* Penting! */
     *display:inline;
     vertical-align:middle;
   }
   
   input.emoKey {
     border:1px solid #ccc;
     background-color:white;
     font:bold 11px Arial,Sans-Serif;
     padding:1px 2px;
     margin:0px 0px 0px 2px;
     color:black;
   }

7. Cari kode </head>. 
8. Copy dan paste kode script JQuery berikut tepat di atasnya:

9. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>

Untuk anda yang sudah memiliki atau menginstal script

JQuery pada template anda maka langkah no. 8 abaikan saja!

     9. Copy dan paste kode berikut di bawah kode script JQuery tadi

<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "To insert emoticon you must added at least one space before the code.";
//]]>
</script>
<script src='https://tipstrikblogging.googlecode.com/files/EmoticonsKeren.js type='text/javascript'/>

  10. Simpan Template dan Lihat hasilnya.

~Selamat Mencoba~

:) :) :)