Pasang Emoticon Unik di Komentar Blog

Prikinymous - Halo ! bertemu dengan saya kembali di sini. Setelah kemarin saya tidak buka blog, sekarang saya akan mulai post kembali. Kali ini post tentang blogging, yaitu cara Pasang Emoticon Unik di Komentar Blog. Pada Tutorial ini ada 12 Emoticon yang ada, kemungkinan akan saya tambah lagi. Bagi yang blognya belum memasang Emoticon bisa di praktikan !

   1. Login ke Blogger 
   2. Buka Dashboard --> Template --> Edit HTML
   3. Cari code ]]></b:skin>, lalu paste code berikut tepat di atasnya

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

   4. Tambahkan code berikut di atas </body>

<script type="text/javascript">
//<![CDATA[
/* Unique Comments Emoticon
 * Url:http://prikinymous.blogspot.com/
 */
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/AVvXsEguVfLTqQv98aGBTnTW-nmhGJ3l-GfkHLkxuJWVzSXPNx8ytjpl88Fe-V1IVNIfB2tfH0n95wtEVhWXAThO5cCQxVvr_8X_bfOmubmvDL77_o_aS3UtwCiwlxTvFoRza9O91Blet6N1vAU/s1600/smile1.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6bykPNMUDpDC-RwhXnVEQhivJzh6JhED65snlc0RAFkd08ztfbNiUPC56F_vnmddrMc6q5zFIg_MfjYeninUruvIvfp9puq6zV1cyXUJfvSYnrKMEDjSG6Dq1hXwMpHNy-XC3BnK3bfE/s1600/smile.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-bd/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZzW4i_B6v0nyaFnJL2TM9ozPaKSDloPwdCuyZpvNJv7PcECKq3CxCw04euts7TSwrwla3FKJmApCwkQFsTP4DDccvAy9xIQ2xRmwcS_xFvVLpy0pRwJvqhjGhb5NO7zUBMP_ZngnNVxM/s1600/thumb.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOFuHWTx-ElkHgyRb_zTWMWPkYsHUJ9b-7CkrRcWoU1KaBOIGzyJmW_n8nap-hoiROmtrIFU70QndUCDgxrw_zv8vJQaO1euxQ7_jV0W4O2k_fpMTBRWqAanCmmJ5EFpFyrvbMQ3OgCs/s1600/thumbsup.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/@\@\,/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdKL0yPawzCZgPnXhlypdzVv2NqBq6Cnx5wQ1N1eyupLbl0R9JNGEGtk8IbG155ztl_b-hPDrzXmLGGh4MVUdtaWNFZEMvWkLHaUhMf-y3HNaaIeCKLdIrWlroVOWxf42ZUbBD6RVaI7M/s1600/rolleyes.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\\o\//gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin0DinZvH0VRzstNb8cyX2HTQmg4pBr3ziQQ3HTEKQQ1h0Wy8SI4Po6PtuaEnIeE0tD6umSnFIe_6PZiMj1ll5GYg4tQDaJU1BUvmOt6LEFORC6Zez-asE_0bzR3fz6pbvQD3Joksc4r4/s1600/applause.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP-DZAMCamMjlEP7G2XneJDKRbCp7vwmJw5obzAQnt8eKQW4gUrWW-X0Ua9BvIjQftoWBX6i3noiyCa8s5H3sGX6z7l2pmiSLmtI9sKUpS_NZfHzcY38JXCXka_aPjzC4JnoorwaHQk0o/s1600/sadanimated.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCk7PZ5xSiu8FoUUfEcOLNLaA57dJmiwqcZtLFrQxsNAp41K4V7vsV_tm4qxrkCCflY4cMNT_lap-KnC72EHLrl__BboYzZSnfEO_WU74Q0sjagcugOq8jFZYAYyK6scQiKThzTf2iRu8/s1600/sad.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\;\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhquehYpOFLNQiotwaLabYesGmmluT2xmmQv1inmjelTnW8lyK2UHHSHtcoi4onB3RosPwirVN1d9lMbjWMmFS1260NFl1jMC-6GbFKyP6m3VoJZx_ORtlM6505AUhhKKdR0jRIHxeaAJI/s1600/wink.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSDEoQQ6elC7h7Bqk6FGTYtgT5pyqwXpWkTnESoRcWzv23cOnBfKKoHljke7YpRBZgE_VgjK4MlA0jx9jWqo4r5smME_NDWjnvZQ_JtZMVKiEGxgj51szSRBFDV40ipQKprJb30JilkEQ/s1600/icon_smile.gif='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2z1NV1eWnijEqFYXrd3ODjMh9CUotnKPjkupWsjJ8I2IjHdP3iUtz0d92n7kY31D_8liCyVcSBIFEmcxti1ER0tMiUb1Gl2rdBWEq2fBk17abBD3yJwr2FnrKE7NIq63ghdd7g7gHT7Q/s1600/hihi.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\P/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtbxUYcckIiSx_fUcfR7XAYwxDaw3Ard2YtHC4Kh2M04GB9gwwO2a0vbaVXWJIhXQgPvUqk_9OKaBvwF84VD0wDyavziEkCLxtM2WnT40LBQr67xBMIPz3lXlZR6Nh9V4OqCgLqAXxzLQ/s1600/wee.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtbxUYcckIiSx_fUcfR7XAYwxDaw3Ard2YtHC4Kh2M04GB9gwwO2a0vbaVXWJIhXQgPvUqk_9OKaBvwF84VD0wDyavziEkCLxtM2WnT40LBQr67xBMIPz3lXlZR6Nh9V4OqCgLqAXxzLQ/s1600/wee.gif' alt='' class='comment_emo'/>");
            zx.item(i).innerHTML = ki_emo;
        }
    }
}
//]]>
</script>

   5. Simpan setelan, selesai !

Cara Penulisan

.:)   :D   ^_^   :-d   :-bd   @@,     

\o/   =(   :(   ;)   =D   :p

Bagaimana sobat ? apakah tertarik untuk mencobanya. Semoga Bermanfaat !

Tweet