Cara Mudah Pasang Emoticon Di Atas Komentar Blog

Salam Blogger. Pada kesempatn ini saya akan coba post tentang cara mudah pasang emoticon di atas komentar blog, kalau anda tahu cara ini sudah tidak asing lagi, mungkin bila anda search di google sudah banyak bahkan ratusan atau mungkin juga ribuan yang sudah search tentang cara ini, namun saya lihat sangking banyaknya permintaan dari teman saya yang inin mengerti tentang hal ini akhirnya saya menyempatkan untuk post topik ini.

Artikel ini saya daur ulang dari artikelnya kang ismet yang menurut saya, beliau termasuk salah satu blogger yang menurut saya layak artikelnya untuk dikutip. Langsung pada caranya:

Cara Mudah Pasang Emoticon Di Atas Komentar Blog

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

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

2. Simpan kode di bawah 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/AVvXsEinL9uK2iEhCKlffa-Fry_KsVcIvYX2LJ_Phyphenhyphen9GVX-ovgz2gRiNcq_9B_h6haOF1bU3WJMJJbNPV_79VuL8oteep6-qLP1BTnMga36ro1dQuH9fETVN050GwxDv5zijP5WEvy5sWEWtq58/s1600/smile1.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguwjY9Y0af8_469kiLQBFI67wdYa4Yn6tRR9oK7ti9vdlFt0vZHBe0e4uCg_d6seYoMG1g_ws2e78NufeUeiIx8j-7Mo9FaXqc3f1-syyLxXkDFLO_jQlmrXo0hFR7mugY5bikLS8MKZE/s1600/smile.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/:-bd/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRFTqlWCDSZFhIw7teuXihlSgB71o50Gc-ONO6E225tSdWBb87-ZWHdjVrS-WmCX4Z3hTmCcNSsint4TH-_czlHT8C1UySLrHT709FpmxiR0XAKNYAqNJBXoI-HkZikXao05hER-eBAR8/s1600/thumb.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/:-d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXxobepTsoZdhNpZJ0xh6F0inb337T22gjaKHceF47zKGRKz5oLrca9pNoDfZ4XpmGNZyd9x186iZudwC6E3vGq0RZDRRWPhT2fMgGJcpvlmrxylO4muLHObBYI0eh95-uJSiTkHYp7Ng/s1600/thumbsup.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/@\@\,/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKTTrXwUvKyujzl2tO3w6uHo8jRWi0E4mDB7A7oJRlwTMEr5ilayqJsgKYMOkWNUU_ryD8QnM_Aejegk6jMVtK1vj9ZQy_4t01xR4Z0ssckdEma31FY__yf-1t_sv7lxR5vkLTgyAm9WQ/s1600/rolleyes.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/\\o\//gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgzdyI3YzaKSqR56Oa63UTHjakbIlK7BtxVVfkL_QcjRXZKqgzJlTqGQ89Dg9n6uEG2LOO-rg3kpKq-DRyFIdZXJOe5APJeaMz0yyi3w8E0Q6rIjIxCZaAQOYU6sK5Nar3GDh37oH8UoA/s1600/applause.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/=\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJE7kh0aOGddKHw7xEt6InDy1hEavv8E8HRjC5amUQSOp96Z06omZ4-7ZKUuQJXT89tAPFE0Bf0RVJz031gbhDUVqzcjaPVifblHGTcu7_JZLkg1UQqhSjJuBkAS5XYT5l3cItSmxiOg/s1600/sadanimated.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYPL-NZRLxea7hSZzAOwpN0VgdtB2Ar_umBQWxGJeSoUmKepWSfXh_6Z9qnsETTa5OnBYovJEzjM4lejr6A4_71BbtJ_9kD9KpDZ5h40jeGW6GxVvdgGM_q93YvvLmMAsmF3pT4onMO3Q/s1600/sad.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/\;\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6fzLQZtDVrrZdWIxMdgm1gvoA_Y-w2HHqQHpWt4gWrzJHqE47O8t7-hd7Rf6IZpBulrX-4hInQFYmHYE5bDDM9wqBLl1aJlcfkC3g0V001sLt1rMvT8XePS0dfF0v_vJyPVBHcmAjVU0/s1600/wink.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/:D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-9OHmFTe2ptRUkCbBT5ZwUZ9o9NbEa5_x92aUSfcxT6a95v8NRohLt9uml8nlWCV_-6lHZxHv5grdiD8ZRL6bpXPUu7h00BYxAPNQpEUWMWkM42R4if-4564xeV0i_S3zRZrPJGgdNBs/s1600/icon_smile.gif='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/=D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBsQDUtLWqOEzxTgqqodmr4Ah6PJiOIIFKzibbRzvBG3q5oVorHsM9qImi9-QrWUMCnSNUWih0OAND8NsifYcBjBqshfRL1iWlQZleLRXZy68EMz1GowK_4aTugFQZcbiCdxXliTeM4E8/s1600/hihi.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/:\P/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1HYOX0ubuBiJdRpDfpfdeywbHaq9BuuNe33l7sR3ouupsX8dheArReQ82dTMl5Huo78vp2xhEvWVyeIN7c9euzGyOdLEU-gcDrO-py12l2-hPHd5bEkP995JfxDwHJgYwL0-W_W3tIYs/s1600/wee.gif' alt='' class='comment_emo'/>");
ki_emo = ki_emo.replace(/:\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1HYOX0ubuBiJdRpDfpfdeywbHaq9BuuNe33l7sR3ouupsX8dheArReQ82dTMl5Huo78vp2xhEvWVyeIN7c9euzGyOdLEU-gcDrO-py12l2-hPHd5bEkP995JfxDwHJgYwL0-W_W3tIYs/s1600/wee.gif' alt='' class='comment_emo'/>");
zx.item(i).innerHTML = ki_emo;
}
}
}
//]]>
</script>