Emoticon Campur di Threaded Comment

Menurut Master Jin loh, suatu kotak komentar kurang manteb bila tanpa Emoticon. Mengapa ?? Ya, menurut saya akan lebih berkesan, maksudnya gaya-gaya wajah sesuai komentarnya akan terlihat, misal seperti emoticon tertawa dll. Nah, maka dari itu Fajrin Ilham H akan share Cara Buat Emoticon Campur di Threaded Comment.

Apa sih maksud dari Emoticon Campur itu mas ?? Ya, bisa dilihat pada gambar di atas. Ada emoticon kaskus dll jadi satu. Hehe bila kurang jelas bisa langsung kunjungi Blog saya yang satunya di : http://www.woinspir.com/. Lihatlah pada kotak komentarnya. Ini dia cara penerapannya :

~ Copy di atas <b:include data='post' name='threaded_comment_js'/>

<!-- emoticon --><b:if cond='data:blog.pageType == &quot;item&quot;'><div style='text-align:center;font-weight:bold;margin-top:15px;margin-bottom:10px;'>Pake Emoticonnya yuk,biar makin lucu.. Hehee
</div><b><img src='http://i.imgur.com/4a2GG.gif' width='40'/>:a:<img src='http://i.imgur.com/Jnwl1.gif' width='40'/>:b:<img src='http://i.imgur.com/h9NDs.gif' width='40'/>:c:<img src='http://i.imgur.com/IL1IB.gif' width='40'/>:d:<img src='http://i.imgur.com/k3Fdh.gif' width='40'/>:e:<img src='http://i.imgur.com/ZDlSF.gif' width='40'/>:f:<img src='http://i.imgur.com/OXalA.gif' width='40'/>:g:<img src='http://i.imgur.com/cnARR.gif' width='40'/>:h:<img src='http://i.imgur.com/WTmJr.gif' width='40'/>:i:<br/><img src='http://i.imgur.com/kenHK.gif' width='40'/>:j:<img src='http://i.imgur.com/aDJrj.gif' width='40'/>:k:<img src='http://i.imgur.com/E5qba.gif' width='40'/>:l:<img src='http://i.imgur.com/w3vTW.gif' width='40'/>:m:<img src='http://i.imgur.com/0WFG2.gif' width='40'/>:n:<img src='http://i.imgur.com/bkfG8.gif' width='40'/>:o:<img src='http://i.imgur.com/zvteN.gif' width='40'/>:p:<img src='http://i.imgur.com/xkzm0.gif' width='40'/>:q:<img src='http://i.imgur.com/UqDiW.gif' width='40'/>:r:<br/><img src='http://i.imgur.com/5uihz.gif' width='40'/>:s:<img src='http://i.imgur.com/5O9L2.gif' width='40'/>:t:<img src='http://i.imgur.com/7RDAt.gif' width='40'/>:u:<img src='http://i.imgur.com/WmQPn.gif' width='40'/>:v:<img src='http://i.imgur.com/9C3hy.gif' width='40'/>:w:<img src='http://i.imgur.com/fFhYI.gif' width='40'/>:x:<img src='http://i.imgur.com/e50uc.gif' width='40'/>:y:<img src='http://i.imgur.com/RjY5y.gif' width='40'/>:z:<img src='http://i.imgur.com/lrZEF.gif' width='40'/>:ab:<br/></b></b:if>

~ Copy di atas </body>

<!-- emoticon -->
<script type="text/javascript">
//<![CDATA[
a = document.getElementById('comment-holder');
if(a) {
b = a.getElementsByTagName("p");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-content') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i.imgur.com/Jnwl1.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i.imgur.com/h9NDs.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i.imgur.com/IL1IB.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i.imgur.com/k3Fdh.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i.imgur.com/ZDlSF.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i.imgur.com/OXalA.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i.imgur.com/cnARR.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i.imgur.com/WTmJr.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i.imgur.com/kenHK.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i.imgur.com/aDJrj.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i.imgur.com/E5qba.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i.imgur.com/w3vTW.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i.imgur.com/0WFG2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i.imgur.com/bkfG8.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://i.imgur.com/zvteN.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://i.imgur.com/xkzm0.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:q:/gi, "<img src='http://i.imgur.com/UqDiW.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:r:/gi, "<img src='http://i.imgur.com/5uihz.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:s:/gi, "<img src='http://i.imgur.com/5O9L2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:t:/gi, "<img src='http://i.imgur.com/7RDAt.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:u:/gi, "<img src='http://i.imgur.com/WmQPn.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:v:/gi, "<img src='http://i.imgur.com/9C3hy.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:w:/gi, "<img src='http://i.imgur.com/fFhYI.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:x:/gi, "<img src='http://i.imgur.com/e50uc.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:y:/gi, "<img src='http://i.imgur.com/RjY5y.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:z:/gi, "<img src='http://i.imgur.com/lrZEF.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ab:/gi, "<img src='http://i.imgur.com/KJbrk.gif' alt='' width='40' class='smiley'/>");
b.item(i).innerHTML = _str;
}}}
//]]>
</script>

Selesai deh. Ada yang kesulitan ?? Silahkan komentar dibawah.