Cara Pasang Emoticon Pada Komentar Di Blog

Cara Pasang Emoticon Pada Komentar Di Blog - Untuk para pelajar, tentunya senang sekali, karena libur telah tiba. :D tepat sekali, hari ini hari minggu mungkin sobat sedang blogging hari ini dan sempat ketemu sama tutorial yang satu ini, ialah Cara Memasang Emoticon Pada Komentar Di Blog. Nah, mungkin sobat sangat tertarik dengan tutorial ini, mari kita simak.

Tutorial blogger pemula ini saya buat untuk sobat yang kemungkinan besar mendapat pengunjung yang sangat banyak. Bisa juga pengunjung sobat ratusan, ribuan, atau mungkin bisa jadi puluhan ribu per harinya. Tentunya blog sobat penuh juga dengan pengomentar. Semakin banyak yang berkomentar, semakin banyak pula pengunjung sobat.

Mungkin, blog sobat termasuk kriteria diatas. Dan ketika blog sobat banyak yang berkunjung dan berkomentar, sangat tak nyaman jika pengomentar blog sobat tanpa adanya emoticon animasi pada komentar blog. Buat blog sobat yang banyak komentar nya atau mungkin sedikit komentar bahkan sama sekali tak ada komentar *ups maaf. Bisa ikuti tutorial Cara Membuat Emoticon Animasi Pada Komentar Di Blog.

Tak ada salahnya juga blog sobat dipasang emoticon animasi keren pada komentar di blog sobat. Meskipun kemungkinan *maap pengunjung sobat tidak ada pengomentar. Mungkin, ikuti tutorial ini hanya untuk sekedar senang-senang ataupun belajar HTML dan CSS.

Lebih baik, saya akan jelaskan langsung deh, Cara Membuat Emoticon Pada Komentar Di Blog

Untuk demonya seperti ini:

1. Login Blogger
2. Template
3. Edit HTML
4. Cari kode

 ]]></b:skin> 

(agar lebih memudahkan untuk mencari, klik kolom edit HTML, kemudian tekan secara bersamaan pada keyboard Ctrl+F)
5. Setelah ketemu, copast kode dibawah ini. Letakkan kode dibawah ini tepat DIATAS kode ]]></b:skin>

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

6. Kemudian cari lagi kode 

</body>

7. Copy kemudian paste kode dibawah ini tepat DIATAS kode </body>

<script type="text/javascript">
//<![CDATA[
/* Blogger Comments Emoticon
 * by Fahmi Fanirius
 * Url:http://fahmifanirius.ga
 */
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/AVvXsEjEM278Dn8H3ynBTahRb4bE0hE4hpap6QxjW1AsmFsqYPvGkjpTm5a6XN6EPlZUdNQfY95R-OFeIu0Qe64NzRbcap25C5NBBKZB45Jhbmmhm8KkDSFmyXdgVZ0_XDTL32lHAOnyr0lM_sM/s1600/smile1.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_0VSnIoRqM61t4SxyZrcQwJrRbFjOg3NgQXBmRnumYT3AVvjOH_GV_SiupOClMLN04A5ptFPDJ3UVeCzrPD0_bpfE4Y6Bo60mA4Cet0Y3W54dBOO2liNW6YRWZJNsixIl0nFGl6Oh__M/s1600/smile.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-bd/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM7bAYgpDIb-rnf2qKPMvL8hkVb6wcJMGiLMrTzjaOsbPLEL80XwNjye5oyeMV35J9tvTT_darTID_vss1-zqyIqpvdp7jJzOwq7cQQQaOuzUss8TGCI5YqdbMj7AzSoLMVSwXRZziTI0/s1600/thumb.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJKccSmlMFkZwBkGkzBr4w3fLoVzuPfDJbtEtbJY1GPgN4c-egCVCQND8wCfA1GDd73E_FqhdK9-Rf_3hL01l9aCGv8Pu8pnywxKOdntuCTz2udiZlYTa4MC5-exHIzZ91m5mb1qnXUIs/s1600/thumbsup.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/@\@\,/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaW2BSVMjMiIvOftm52biQcHGaQkq5NhFhOzPaR-LAl6eazBJQT8Npn4TR-A1SpJRSmnQopl3Y7Jflle1CRV6adqoXdFn9nyHz_ERq1iZikdV8GGulAjbxxgjacPPHD4FffMEADZV0OKw/s1600/rolleyes.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\\o\//gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZg734y6qZFe8qhivsqYJ4bZ8FpIZ00sWKEYQWoNgw77onq93MK8qRk7qniwd_DensPISORKyp0JpCek9BO7WpgcEHoL4ahuzSReG6cxITpEJRAmyZPNgAPfMgeCX6aek5r_blCwJzQvI/s1600/applause.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKeDrH1HMPipj-P3c9uRvdQNPHCJB5jtLxiWK1qkodMYda8IMQtr7P9B2iHDuAPvtRZKOIeA4zJmBq3C819JuaUpSXBX2n_52p1-2rncgcUJhTB35C_LfvoSuA6t8M4Ha8yf73JmFYgg/s1600/sadanimated.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-WtJYWrxGMaiB3DWtCQ7Rw6a9J-H-g0UYpRIk-ij2_-EB5VDh4lZiIsxqsKjGjWwf7iKV2-FI7bPcourzZEE074PFp-OOGr4dfN5uVRZQDlO-B0dC9UKIPjX1gTToZqNEXWJoQIv3vLc/s1600/sad.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\;\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfhVfdnQJz1qoOwELnZXbqpODlvmKJ4XEEqBGbEGm6i-eGzxVV7uVPpKusZXVTFpH896PPE_riufP_cljB1beiZXFnABno0FPgTTSY5-PQcHsgazQY-M3yy1wF3aZ7yu-XmoDPZtBCgBI/s1600/wink.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNOCUeV3LFgKQBDHhZ-UslCwjzp-JVAZpRY7XTLFAnl_9bkyoFz1RoDK847nrJzHnL-9DdTNJC2j2ICNdxEtppvYqBtcPT7b77P7UjoUfkVbcG8tQK6Vhacza5wsjd80UT1jjtuFN3h64/s1600/icon_smile.gif='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjisHZhcrQRm4ByIsClW31XrJw4gl6htD-pCgkQSuf6s2KJFuowgdYTC12fEByAojWqGNtUUu5HP4swPKaioAXGwBP0fT4kBV3YXjcYwilcb7i2INtoc2x0I-ClaKOhCLR7rpYqB9JJwek/s1600/hihi.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\P/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUKgVvQR-zbey5ax9ZIzqP301L8Rk-_KEdFOYY50AWr6ZfNRoSndsSVB0SJGxhzFk6bbvb-24xKqFiOoL0JnH70vgNvz5HoNrr50owysEwRzLWfV2horY5d_wdct3_R3_XvTjdJu74CYU/s1600/wee.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUKgVvQR-zbey5ax9ZIzqP301L8Rk-_KEdFOYY50AWr6ZfNRoSndsSVB0SJGxhzFk6bbvb-24xKqFiOoL0JnH70vgNvz5HoNrr50owysEwRzLWfV2horY5d_wdct3_R3_XvTjdJu74CYU/s1600/wee.gif' alt='' class='comment_emo'/>");
            zx.item(i).innerHTML = ki_emo;
        }
    }
}
//]]>
</script>

8. Simpan perubahan

Penulisan:

Cara penulisan emoticon smiley jika dipublish dikotak komentar blog:

.:)^_^:-d:-bd@@,\o/

=(:(;):D=D:p