» » TRIK Mudah Pasang Emoticon Pada Komentar Blogger

TRIK Mudah Pasang Emoticon Pada Komentar Blogger

Pasang Emoticon Pada Komentar Blogger


Adding smileys on Blogger Comments - Emoticon / smiley biasanya digunakan untuk menyatakan kondisi, senang, sedih, marah dll. Selain itu juga sebagai pemanis kolom komentar, sehingga tampak lebih hidup.

Sudah puluhan atau mungkin ratusan tutorial tentang cara memasang emotikon pada komentar, tetapi  karena banyaknya permintaan / pertanyaan tentang cara memasang emoticon pada inbox S3VTRIK, akhirnya saya share juga  :)
Dari kode dibawah, ada 12 emoticon yang bisa sobat gunakan :
smileysmileysmileysmiley

Bagi sobat yang ingin menampilkan emotikon pada komentar, silahkan ikuti langkah mudahnya berikut ini :

 1. Buka blogger.com
2. Masuk menu Template
3 Edit Html

1. Cari kode ]]></b:skin dan simpan kode CSS di bawah ini di atasnya

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

2. Simpan kode ini di atas kode </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/AVvXsEjQUOaIuSi-dG5hQZ5UuB9GRU85PtyZq1dDgvLwy5P0dDmmHO2BBuyKmGT78l9RqEjituxCuBYfU3a8558acRwp2XdksmAEnAUCrT4FBayR-Hu3aphzvnTfUNjaoPr1e3uhbV9wQLtw3OU/s1600/smile1.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbx8YTUmwaxNFUyoFO__wD7LassFkQLAzmQTh5rs7HP99T6QeEnNWGuJ9H_SwaCYPL2-nERw75Mr98Drc0DzUiMtj0QZew3_svX43VzHchoqtUKV0zo-hEqbNg0nurAylmQvpX5AlqJDg/s1600/smile.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-bd/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhMbLBgKKDun0EVF3nqCEjxJTfhYEdWer5FvDCuEgIqWh_arOlGPcLE2gORNbO3ukfMlg4MR8LTIYO-NgAoX02uhfMHuPoxYjEqTtJBqWJOUBDfSxfw2LS9Wsdvu8L7ZP0AGxajF-_kPk/s1600/thumb.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-mwFR-Mm5RrvwXjGw8cRE4KCnOf-P6Isd32KpUPtTH9HwqmXvWomBfGAVYQGAO_EgurMCQmRanhRp2fv0HEU8E8E-GhT2SEPR-jyBFjaAsYTqJ4h0u_vc3XoIBKIGDzce_ds09M4Uc90/s1600/thumbsup.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/@\@\,/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9hvz4MZiT3Is2NfbdmIpScNiMx2sKieCvS6gDXRMrU5P4Os8UUZg0NRQ6EFJwBV1MiqWqVHa3xb5yLn2JvNrVnUzgnmqJ1aePy1m2DrOs9Q9dw3w1c0YZS8zAw9nn7CB4sSi00xbCMds/s1600/rolleyes.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\\o\//gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij5YfIqG384mxdhg65F0rcNR0GtJOiU8U4wa9sib1tOgBN26AIhP6PkjA_PuxuulFI8l61GvIp2odFz9snEMsoO_jStTPaYTV_tV8Q73XzVO84Mj_Lec2nru19jXT6fOQPE_rukOpSAEw/s1600/applause.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbBBgEEb5x3i6wPfE5yFAbsufzlpSCD_V98YbnKduSjLwhUZdGnX4qsatwSliL5oNytXFpW7C5i42FBDgkzUYE8o0cDBk0w6bvLSDxPjh00Zqz3gffJb8akJTgceEccim-CIPqj-dpj_A/s1600/sadanimated.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtBsKIgvyrX3guF9xiv_IovdUhyphenhyphen0zOH4IEGL_oeNmYO5XeLOEUT-QpV5RupGFmezD2lBIidoWn2tTGiGWuPqO_9mZ68icaIlJ5lP1LCp3GJdp7cH5m9lqbrgsmHqEXXWOvDSbBMzCH7pA/s1600/sad.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\;\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP12iiGvyzV5KNQ9RSgVmHHiIdmWHKfTBz61-tk8MgR5R0ZHnqNCHeDlL9DHkHRs39o5AFwaYynQf0_-ibaPgw_3ShwyALPHIq_m_PLorCN3mGNnu6WauRm6_FDqPiQxxDUrmVKyl88rA/s1600/wink.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJs5pCqtvHAx70ApDFSskN-qzpIl6y9pvQjdKLFg91hAfGeKf1kaB_LOBYQrbYVpt6LLnT4LLgez71reiNeMa8_c0wEkmSLZDA5WqcMCqtLKCaMlxvWOWKrA5F8djPzT8O2JBN9SdYlvQ/s1600/icon_smile.gif='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyA6awryrpQNiS_0edepTTOgmUVATdjZByw_-DG2W4dofr1UsyHK1D9NGaVXWQaWfjXZ1O4U3nI_B8qOTm-iQCT9AlscqdInIWJcPLfvNG_RtXZO0u7VbzSw2FgCBfI9vEFW5wMDoLpJk/s1600/hihi.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\P/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-AAa3kMhgfqM1k5wkiol6vT0vxUzdNMoIo0DMD5Djm9WIBfFsinao99scF-KNPJIKltVGlljcVVSIzgqk4lT1EFgJs9IDb8SraDCVjEEI4s5hBiNgnlfJjHHwdU7gaH3ozBgHB6ntI7M/s1600/wee.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-AAa3kMhgfqM1k5wkiol6vT0vxUzdNMoIo0DMD5Djm9WIBfFsinao99scF-KNPJIKltVGlljcVVSIzgqk4lT1EFgJs9IDb8SraDCVjEEI4s5hBiNgnlfJjHHwdU7gaH3ozBgHB6ntI7M/s1600/wee.gif' alt='' class='comment_emo'/>");
            zx.item(i).innerHTML = ki_emo;
        }
    }
}
//]]>
</script>

Penulisan

Cara penulisannya standar aja, seperti tertulis disamping smiley :

smiley:)smiley^_^smiley:-dsmiley:-bd@@,\o/
=(:(;):D=D:p

Menambah Emoticon

Untuk menambah atau edit emoticon, tambahkan kode yang seperti ini :
ki_emo = ki_emo.replace(/:\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-AAa3kMhgfqM1k5wkiol6vT0vxUzdNMoIo0DMD5Djm9WIBfFsinao99scF-KNPJIKltVGlljcVVSIzgqk4lT1EFgJs9IDb8SraDCVjEEI4s5hBiNgnlfJjHHwdU7gaH3ozBgHB6ntI7M/s1600/wee.gif' alt='' class='comment_emo'/>");
Warna kuning adalah penulisan smiley nya,
Dan tulisan berwarna merah adalah url gambarnya.

Jika ingin yang lebih lengkap silahkan gunakan Yahoo Smileys / Emoticon.
Emoticon ini untuk Komentar default Blogger. Emoticon ini tidak ditampilkan di atas form komentar dan tidak menggunakan alert box, apabila ingin menambahkan diatas form komentar atau ingin menggunkan alert box, silahkan cari tutorialnya di menu, sudah banyak yang posting.
Share on Facebook
Share on Twitter
Share on Google+
Share on LinkedIn

Best Seller