Menampilkan Emoticon Komentar di Posting

Jika template kamu belum ada emoticon nya, maka ikuti langkah langkah tutorial nya
Baca -> Membuat Emoticon Pada Komentar Blog

Jika anda mengikuti tutorial di atas maka anda akan menemukan kode ini

<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://mbah-siyam.googlecode.com/svn/emoticon_komentar.js' type='text/javascript'/>

untuk megaktifkan emoticon nya di posting, anda harus mencari dulu kode css untuk posting nya dulu. Biasamya kode nya adalah .post-body  namun pada setiap template, kode nya mungkin saja berbeda beda.
Lalu kamu sisipkan kode .post-body seperti berikut

var emoRange = "#comments p, div.emoWrap, .post body",

tambahkan seperti yang saya garis bawahi. Jangan lupa setelah koma tambahi satu spasi, untuk mencegah error.

Bagi anda yang hanya ingin menambahkan emoticon pada postingan saja, ikuti langkah-langkah berikut ini: 

1. Letakkan kode jquery berikut ini diatas kode </head> 

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Itu merupakan kode jQuery, jika pada template anda sudah terdapat kode jquery maka tidak usah ditambahkan lagi, atau anda juga bisa mengganti jQuery yang ada pada template anda untuk jaga-jaga kalau nanti emoticonya tidak bisa muncul.  

2. Letakkan kode CSS berikut ini dibawah kode ]]></b:skin> 

<style>
.emo.delayLoad { display:inline; text-align:left; margin:0; padding:1px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; background-color:transparent; border-radius:none; -moz-border-radius:none; -webkit-border-radius:none }
</style> 

3. Letakkan kode berikut ini diatas kode </body>

<script type='text/javascript'>
//<![CDATA[
// kode js untuk menampilkan emoticon
jQuery(document).ready(function () {emoticonx({
emoRange:".post-body, div.emoWrap",
})
});
//]]> 
</script>
<script src='https://mbah-siyam.googlecode.com/svn/emoticon_komentar.js' type='text/javascript'/>

Ganti .post-body dengan kode posting anda, seperti yang sudah saya jelaskan di atas.
Sekian post kali ini semoga bermanfaat :)