Pasang Emotion Pada Komentar Blogger

Cara pasang emotion pada komentar blogger keren abis. Cara ini digunakan untuk mempercantik pengomentar dengan animasi2 keren.
Caranya :



1. Simpan kode CSS ini di atas ]]></b:skin>

img.comment_emo {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}

2. Simpan kode ini di atas </body>

<script type="text/javascript">
//<![CDATA[
/* Blogger Comments Emoticon
 * by Kang Ismet
 * Url:http://blog.kangismet.net
 */
ki = document.getElementById('comment-holder');
if (ki) {
    zx = ki.getElementsByTagName("p");
    for (i = 0; i < zx.length; i++) {
        if (zx.item(i).getAttribute('CLASS') == 'comment-content') {
            ki_emo = zx.item(i).innerHTML.replace(/:\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHitMugSpreq131m0_h2TC0oDRGlk3X_-PnJY-WO7mnMisoOyMTQMMFQi0ilegPqT4LEdHidxttcLBwp7-7drrO8eBZKhMQ4vofCKADH69bHkNTNiuBE-kp9BVNrXLB_a9ceHCRTWsldE/s1600/smile1.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpWZfnhQ44EEz_-UVT9SexuZhs7yJVZRAvQcw21PUyUtRy2UnrwGKzlq8uy6t3tJMw0NiPpGh0rgb_txzKqbcA8FvuRXSX7FBc8B87_IZMk8ttLqrEPZIPVsjwWPI_8OM55PQEjssCFoU/s1600/smile.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-bd/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrM-A4ZF-B6kRJP6_hvMzSq6lXNZdT-olRjCgAqOBzzi0J3RQp-KLYw3wbpXs4TU3FAKzLkEBW88ApMRN8_y1UkWiO5ouYR6b7W6G-jPQh-5m5mErrw_0fk479Rs9hxLfT5WQLfLUmkHw/s1600/thumb.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLrbCTtGbZfY-A_LvdMbU0yPKAotdxpvUQmt_GqlpRuRCpGqz-oHrikbTNu3rx2Sd1yIRXb5d8vKVWjsdNl0PlMIEWLytg8wcG22xYB7gTTvQzj7EjsPZuIdf6Q72FprvDdCCniz3NHGo/s1600/thumbsup.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/@\@\,/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCHKN5K2acGtz8GF09oqwG170myoAh4ZTOzC8SuGW14rhENQSdqpQBafrNiS7a6avdMSz6GRDmIVmarn9A4pxjALP918k8VgreusO9_qz4O1qIi08RfnUZI2CgV5QgHwWwitryGn4QkO4/s1600/rolleyes.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\\o\//gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1iFO59mXoVy2ovTsl9kDIAaZ5_vocKSF-T7RoDwbOcBoshNHrGikIUKx_hZ3XpQJTN8e6DyyIBCIv0oy0eLBEHZdsGc-5S7icU6IcyNab6JjN50RSJNvWRtuGvU_P3Is6XnTrKBS5lZ0/s1600/applause.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYXUO_ExZwSmfI2Lhj8TAFRP6bKLH3M0lFFHp5JXoIdDdDP-eGrg7Z872NBhnDJDIflMCJ_93-XZu4fhoYmPNQvKPtEoxozZTq5SjG4mn3kdqLkLAUUUh9DLlMiWq1_swHqEXWZap-CUQ/s1600/sadanimated.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYpi0nMfFgHInTLydh9ow0JkAK3Lz7Yc0l4Wvum3zVf0JtuFuj0_crHawqfskBXhTShUynN4kD9dglC_kCHd2tN5-KazDoqASr58NSMKiyv4K-KRMHG0WnmhfdXMwukpjzZ1FgMlBlJNs/s1600/sad.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\;\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWna2a8m1RIdIrVFvHd2uksmsG39z0crqbaSFjZurppC5ckZwFqrVA-aQF0PkvgxyoANUk5VgxOusvRktkrxpgytDOh21i12DVQcvixdI-ALNgW9d03ccaOvGMJ3dVIJGEPZB-PuMkI24/s1600/wink.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit0zZKpaZ69qXedAij6yqACVzaopoTcT__bCv8LUjcX5TDsbVqCH5wVxGB4nlB3UImgo1FbOjjJ9J2RPgzZDLUylbxJ0mYGALO8nA00TtHlDGO45BT0sYcRLTiquqrTPF3kGI9gJxgYqI/s1600/icon_smile.gif='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijlCETq7LpQUKBZOtEpQeDKGdHrrgW3VYRwKGZunF3K0yCpzSuaJObQTJ8rixFU4HTZ7i_0da8jg4DtrG6qzY6D_0HkrxIZtdcnp5jX5FovfDLvE3vVKjL-FBa-mTRWzxGpWJRfoGr78w/s1600/hihi.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\P/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ4CRoiHGkKKn8ciNolNrt_e7qBEMwJRabbSTAKIycbRUFVhcYzVaygk4T3rwVuaNJ7einC1nuh5vsMayDPxofdvItnED2aCeFk1yDNgP6mepaBEMPO7C_p9B9GRplChsOYQbZFZokcZQ/s1600/wee.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ4CRoiHGkKKn8ciNolNrt_e7qBEMwJRabbSTAKIycbRUFVhcYzVaygk4T3rwVuaNJ7einC1nuh5vsMayDPxofdvItnED2aCeFk1yDNgP6mepaBEMPO7C_p9B9GRplChsOYQbZFZokcZQ/s1600/wee.gif' alt='' class='comment_emo'/>");
            zx.item(i).innerHTML = ki_emo;
        }
    }
}
//]]>
</script>

Penulisan

Cara penulisannya standar aja, seperti tertulis disamping smiley :

.:)^_^:-d:-bd

=(:(;):D=D

Menambah Emoticon

Untuk menambah atau edit emoticon, tambahkan kode yang seperti ini (edit simbol dan url gambarnya) :

ki_emo = ki_emo.replace(/:\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ4CRoiHGkKKn8ciNolNrt_e7qBEMwJRabbSTAKIycbRUFVhcYzVaygk4T3rwVuaNJ7einC1nuh5vsMayDPxofdvItnED2aCeFk1yDNgP6mepaBEMPO7C_p9B9GRplChsOYQbZFZokcZQ/s1600/wee.gif' alt='' class='comment_emo'/>");