Cara Memasang Emoticon Di Komentar Blogger Dengan Mudah
Menu Close

Cara Memasang Emoticon Di Komentar Blogger Dengan Mudah

Cara Memasang Emoticon Di Komentar – Halo Indonesian Blogger, 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.

pasang emoticon di blog

Emoticon bisa anda pasang pada Artikel, Posting, Navigation. tapi kali ini saya akan membahas tentang pasang emot pada komentar yang saya dapatkan dari Blog Kang Ismet

Cara Memasang Emoticon Di Komentar

Langkah pertama yang harus Anda lakukan adalah memasukan kode css dibawah ini tepat pada bagian ]]></b:skin>

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

Langkah berikutnya adalah menambah script dibawah ini tepat pada bagian 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 emoticon lain anda dapat mengganti icon dan url nya dengan memasukannya seperti dibawah ini

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 semua langkah telah selesai, langsung saja disimpan agar dapat digunakan. Untuk mengunakannya sendiri, Anda hanya perlu menggunakan symbol seperti dibawah ini

Cara Memasang Emoticon

Baca juga : Efek Menggunakan Widget Yang Berlebihan

Demikian lah tips kali ini, Semoga bermanfaat dan dapat diterapkan pada blog anda. Jika ada kritik dan saran silahkan mengisi kolom komentar yang tersedia, Terima Kasih.

Related Posts

7 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *