seonih: Cara Memasang Emoticon Pada Komentar Blog

Memasang Emoticon Pada Komentar/Comments Blog - Emoticon digunakan untuk menyatakan kondisi, senang, sedih, marah dll. Selain itu juga sebagai pemanis kolom komentar, sehingga tampak lebih hidup.

Mungkin pernah melihat komentar ada emoticon/gambar lucu tersebut,
Sehingga kalian tertarik untuk mencari tau gimana cara membuatnya,
Cara memasang emoticon ini sangat mudah sekali,
Kalian bisa ikuti cara memasang emoticon ini , sebagai berikut :

Cara Memasang Emoticon Pada Komentar Blog

Lihat emoticon diatas ini , lucu sekali bukan ?
Tentu sangat menarik untuk dilihat,
Gimana min cara memasangnya , ikuti tutorial di bawah ini :

1.login Blogger
2. Pilih > Template > Edit HTML
3. Cari code seperti ini ]]></b:skin
4. Masukan CSS berikut di atas code ]]></b:skin

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

5. Masukan lagi script dibawah ini di atas code </body>

<script type="text/javascript">
//<![CDATA[
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/AVvXsEj5mdK1LKuBKppBZlLWgWIwNPdYeMUPpEupaQnrHWcYyrTXLCuRx9vML08cSGtalwtBl0KZfT1LNh0K3GyC2lnsp2UNpubasuH6w78XxWCyXg2XXbtpbYgxy2J59_f6VSG3IwObcfw8hQ/s1600/smile1.gif' alt='' class='komentar_gambar'/>");
            ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEickEjiVkTEwUBS3OoGDXt2Xu_7PQ3clXlGNaBytZaqQ42Lj39kJeaOwvlcggjYGNYoyL_8KNKy0Ynf_jILyfiRMRQOH5lsTmgOanClP86_Mhtqff1vgXaIAOA7QcCqOo4lBhU0JjNg1g/s1600/smile.gif' alt='' class='komentar_gambar'/>");
            ki_emo = ki_emo.replace(/:-bd/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPyn0_ZfrasQ_jXOlP5-nJs0cVMG_iu82ybO6kRhjNpmO3l5dn6hbUGY21x770-UTEAE9_P_30wm0tkQI1cCGA-tBg2K6jVSR0QmgIsRSOdA-PZsrLaaBNON4i2hq832dqvFQrCEvMkg/s1600/thumb.gif' alt='' class='komentar_gambar'/>");
            ki_emo = ki_emo.replace(/:-d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfz1Y2gP1qdCETFtAvnEw2C71EC4gmQIkaY3JE-6hviNdshf9zehg8vRBntk45BqMsF7Soe1cPpw7Jhr_fw2LW2Gh8uAOqxTYnRVLCtqQxPWUfB55ivk9tI8TSl5XGe-P4v2MTDIAajA/s1600/thumbsup.gif' alt='' class='komentar_gambar'/>");
            ki_emo = ki_emo.replace(/@\@\,/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDDy_h5ZGzlhlwvrGpVxklPN-P0SMpaDIY6AtOdynLynzXKrAX3HbVhQ0DT8yJPH4hFLlYGRsnwLUGR5R6jfzlSZ3yxO73nQ1t9cLR-YYCWdUsgk8hqOhDYeNmG0ORNbrV1W8ME1MSKw/s1600/rolleyes.gif' alt='' class='komentar_gambar'/>");
            ki_emo = ki_emo.replace(/\\o\//gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu4u5yy1tkZ-AmHQzZPx0UcpGW2ZilXj9WgFlU_lVoiz17s9eQxmsS7hH9VRMnuVv9KxHKvuFKiLuKJ0Ymxg4Y00kRBekG4Edg9T_OqrKpLxw5KXeBNuLlsDbeXRBcpFJ5YMWF5XUzjQ/s1600/applause.gif' alt='' class='komentar_gambar'/>");
            ki_emo = ki_emo.replace(/=\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiklVTBDInxm2_z3a_EXSru43PAd-KyA5UfF8s7MSrZlPP5Dmp5bfurqEHRkcRNuwOp6NE90ZqU6pXFZOD9LRVsRQ5XTNDp4uUWb9LXtYeF_Dc6GCYkKdMKQ7jPZSIyqdRCdBh-tQEEAA/s1600/sadanimated.gif' alt='' class='komentar_gambar'/>");
            ki_emo = ki_emo.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIt78qVtk8Q6O8gnSToSwl3plMT9v9O1XXLsNVC2Fq0Wi7v-qpl2HLdQuOvkVjTbuYtrXPV-huabmZf87xXG-c71A_YD6FzfXYEWKwbSR6IZM_5kwosnYVYXSF4Y5BGx6JPR3UThxf3g/s1600/sad.gif' alt='' class='komentar_gambar'/>");
            ki_emo = ki_emo.replace(/\;\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2I8U7u_yE6oM9U5vAY75_nFPx9WoCYWJKbSsi93zVH-7a3EeybqAs3MkZ6_QsnlHnDEvbSXAAoD6Yi3ft2k85w9C2fs-GyfaMnA6YPPlBJ7UNM-SbYXGx_pUeKX75Cv_14NKSTLkCbg/s1600/wink.gif' alt='' class='komentar_gambar'/>");
            ki_emo = ki_emo.replace(/:D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggg168qoa8KbMOwfvYwG_EdwcoeLtBUQgsdxMYdAt_B6sJwunWdHQLhB5eC5nSAQ5IjhIaDokzIkMYb_uPnszV1M2Ow2Ee40j_Qom91ZXfaPeKwQFqaloW1IHnBIi5UdUpkkomS7Y58w/s1600/icon_smile.gif='' class='komentar_gambar'/>");
            ki_emo = ki_emo.replace(/=D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBTwF-8kre0x69tScwtaHKsXyvshbh0dPC9CXO2h2hcg8ROB8saxmof-nR0nVB0NjllCE8IIi8YHXrDU8UI2_qn2DMxmSxNNh8nfTFVPZ9L7i0JX1tQ5roW6EKXOP80xRBRYGOV3tx2w/s1600/hihi.gif' alt='' class='komentar_gambar'/>");
            ki_emo = ki_emo.replace(/:\P/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq3zVSQ4EaqZ9XzoOM5FFlYKqiznvrmVwnpqDsVeJ09NGKRa6yXApx0h4ElaPF5DfPufsdWci_pQJlIkOO8WqessFpqFLITDo3u3QtYTMsItJvKxyPS_l2rGXWWsmdoJYt5lVoYm3S6g/s1600/wee.gif' alt='' class='komentar_gambar'/>");
            ki_emo = ki_emo.replace(/:\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq3zVSQ4EaqZ9XzoOM5FFlYKqiznvrmVwnpqDsVeJ09NGKRa6yXApx0h4ElaPF5DfPufsdWci_pQJlIkOO8WqessFpqFLITDo3u3QtYTMsItJvKxyPS_l2rGXWWsmdoJYt5lVoYm3S6g/s1600/wee.gif' alt='' class='komentar_gambar'/>");
            zx.item(i).innerHTML = ki_emo;
        }
    }
}
//]]>
</script>

6. Lalu save template

Cara Menampilkan Emoticon

Penulisannya seperti ini gan , sebagai berikut :

.:)

^_^

:-d

:-bd

@@,

\o/

;)

:p

Kalian juga bisa menambakan dan juga mengganti gambar dari emoticon tersebut,

Gimana cara menambahkan dan mengganti gambar ?
Lihat dibawah ini caranya, sebagai berikut :

ki_emo = ki_emo.replace(/:\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq3zVSQ4EaqZ9XzoOM5FFlYKqiznvrmVwnpqDsVeJ09NGKRa6yXApx0h4ElaPF5DfPufsdWci_pQJlIkOO8WqessFpqFLITDo3u3QtYTMsItJvKxyPS_l2rGXWWsmdoJYt5lVoYm3S6g/s1600/wee.gif' alt='' class='komentar_gambar'/>");

Pada bagian mana yang harus di ganti ?
Pada bagian yang sudah di beri tanda Merah & Biru

Keterangan :
- Warna Merah untuk penulisannya mis. ( :P )
- Dan warna biru untuk gambar emoticonnya (ganti dengan url gambar emoticon kalian).

PENUTUP

Demikian artikel Cara Memasang Emoticon Pada Komentar Blog,
Jika bermanfaat tolong kalian share juga agar yang lain juga bisa
Sekian terimakasih (http://www.seonih.ga/)*