BerlanggananBerlangganan Artikel Gratis Langsung Di Email Anda

Cara Memasang Emoticon Pada Komentar

KrocoNet.com – Cara Memasang Emoticon Pada Komentar, Pasti kalian sudah mengerti tentang apa itu emoticon , saya yakin anda sering menggunakan fitur ini dalam suasana chatting anda. Emoticon adalah Sebuah gambar expresi wajah yang mewakili perasaan dan kondisi penulis pada saat itu. Emoticon bisa anda pasang pada Artikel, Posting, Navigation. tapi kali ini saya akan membahas tentang Cara Memasang Emoticon Pada Komentar yang saya dapatkan dari Bog Kang Ismet

Cara Memasang Emoticon Pada Komentar
  • Letakkan kode CSS ini tepat berada diatas kode ]]></b:skin>
img.comment_emo {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}

  • Langkah selanjutnya 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://1.bp.blogspot.com/-2Z7Cwe04x-Q/UH9THzWWJII/AAAAAAAACtA/ChwawyzYsDI/s1600/smile1.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/^_^/gi, "<img src='https://1.bp.blogspot.com/-IoZJlpB0-dE/UKhVKnR0BDI/AAAAAAAADPo/Kz87N1Aj4X8/s1600/smile.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/:-bd/gi, "<img src='https://4.bp.blogspot.com/-hPd-oj2Bzo4/UKhVLkmQjOI/AAAAAAAADPw/3O1iuAukZXg/s1600/thumb.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/:-d/gi, "<img src='https://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zCmY/s1600/thumbsup.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/@@,/gi, "<img src='https://4.bp.blogspot.com/-w1VfvgO2-e8/UKhVIT7XLhI/AAAAAAAADPQ/cJ0KDjEsoj4/s1600/rolleyes.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/\o//gi, "<img src='https://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P0G-1PcWpQs/s1600/applause.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/=(/gi, "<img src='https://1.bp.blogspot.com/-7I8DdEs58z0/UKhVKHT1yUI/AAAAAAAADPg/Lyzv-E74EdM/s1600/sadanimated.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/:(/gi, "<img src='https://4.bp.blogspot.com/-yXc7xHs5mXc/UKhVJLBfdaI/AAAAAAAADPY/LJKRsefyeao/s1600/sad.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/;)/gi, "<img src='https://3.bp.blogspot.com/-5zPfqshivtY/UKhVONWZnkI/AAAAAAAADQI/iCDxagcaj5s/s1600/wink.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/:D/gi, "<img src='https://3.bp.blogspot.com/-WeTjMT8JDhg/UKhVHlZ88II/AAAAAAAADPI/b1gpiAvIkCc/s1600/icon_smile.gif='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/=D/gi, "<img src='https://1.bp.blogspot.com/-ljeobbA3sn0/UKhVGtJsGRI/AAAAAAAADPA/8lyzE4JwrwQ/s1600/hihi.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/:P/gi, "<img src='https://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/s1600/wee.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/:p/gi, "<img src='https://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/s1600/wee.gif' alt='' class='comment_emo'/>");
zx.item(i).innerHTML = ki_emo;
}
}
}
//]]>
</script>


  • Jika ingin menambahkan masukan script dibawah ini dengan mengganti icon dan Url nya

ki_emo = ki_emo.replace(/:p/gi, "<img src='https://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/s1600/wee.gif' alt='' class='comment_emo'/>")

  • Jika sudah klik simpan dan Emoticon anda siap digunakan. 

Demikian lah Cara Memasang Emoticon Pada Komentar , Semoga bermanfaat dan dapat diterapkan pada blog anda. Jika ada kritik dan saran silahkan mengisi kolom komentar yang tersedia, Terima Kasih.