AllBloggerTipsTrikTutorialWidget

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.

Abdul Muhajir

I am a Blogger and Internet Marketer who wants to learn, grow and share some knowledge and my experience about Blogging and Internet Marketing to help other Creative Individuals find their passion and share it to the world.
Close

Adblock Detected

Please consider supporting us by disabling your ad blocker