Cara Membuat Emoticon Di Komentar Blogger

Cara Membuat Emoticon Di Komentar Blogger - Blogger Update. Assalamualaikum wr.wb. Tips hari ini yang ingin saya bagikan adalah 'Membuat Emoticon Di Komentar Blogger'. Emoticon adalah sebuah sebuah gambar yang menggambarkan ekspresi seseorang, tapi kali ini diterapkan dalam sebuah blogger jadi penggunjung blogger bisa berekspresi sesuai dengan artikel yang dibacanya. Langsung saja ini screenshoot dari Emoticon Di Komentar Blogger :

Langkah-Langkah Membuat Emoticon Di Komentar Blogger

1. Buka Blog Anda >> Edit Tempalate.

2. Cari kode ]]></b:skin>, lalu masukan kode dibawah ini diatas kode ]]></b:skin>

img.comment_emo {

height: auto !important;

vertical-align: middle !important;

width: auto !important;

border:0px !important;

}

3. Cari kode </body>, lalu masukan kode dibawah ini diatas kode </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/AVvXsEgjg4kmtJsadT1VGhLTw4yD4delzEpANMGHUP-vRMnfdi2clgZWaMyQ4C9qXBKdXQXN7SIF63gwQ7LElygREpWACIuwfe6CtHudX1PnMX7_O-3zrRFedleBLQ1O_UN19Y5Tpu-R0pH5YFM/s1600/smile1.gif' alt='' class='comment_emo'/>");

ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkprJLRkvolLOjG1kDPt0VK3YfwTKDvbZ0Mj4bQCyR5gSyx7ylkIdLkXCvrH7Y42wQPy23BwjcisGQ9QiWTUJI7fjvY0bK0-Pcct13E9OpfhZG9RpwV-ha8u9c3z5z_a_GDAgQ01iOcz8/s1600/smile.gif' alt='' class='comment_emo'/>");

ki_emo = ki_emo.replace(/:-bd/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV0ZnmidFATS-HQmVO8JxRhtOSJLdH-SHuV2EKz5H06-sxmWEGtEw4RC4OhScohVSXeJmCC2a5IlrImePSaRZ59l5pDir_d8B_JLLzTqyiqDpmKsXE5MathyphenhyphenGzezhAWHSSnbNhyphenhyphenCkKxWk/s1600/thumb.gif' alt='' class='comment_emo'/>");

ki_emo = ki_emo.replace(/:-d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb1kmxwTFBWknlP105ApOX9zDhC2EBkXBq9pCbYwyzAbGQj0Ghb1gVVl60T9d0mSmcwP-afki1zlKafza5X2lLA00y-KZwv9KtxG17Lg_GxubLRahYbr54kPVGwSFxotqAlwDaEUY-b4g/s1600/thumbsup.gif' alt='' class='comment_emo'/>");

ki_emo = ki_emo.replace(/@\@\,/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSE4TAHSdT1bPhu9VZZ_qPLL5NNvoSqvSNhrc3F0Wl56NtTu7Cb0AmVSi7hM7PmbHbaF0yTA5edx2-aJT3FC00gKhH32CtAXcz2S_B4N58Ss4nPVJ7V6cMAdRPMk5Q6hAS2T9r2VdDurw/s1600/rolleyes.gif' alt='' class='comment_emo'/>");

ki_emo = ki_emo.replace(/\\o\//gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMCZmlHrlgnUN5nTTbnqWKmJcHFT_G07COxk4uZGZEB9I0lZnb7WPglsylo40pRUdVIUXerv7XIvlq0yDTrDtjVM4y-Dvm_nqmhQ09taM-dzm5ZPocYVw1fovMQmuSBTmkvUitUwkc9wg/s1600/applause.gif' alt='' class='comment_emo'/>");

ki_emo = ki_emo.replace(/=\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb5m7ica6bM5AavErymccDGWR3LbR9IEwoRqLwsCG3_FJm2MHvzLVq9waViadoVB0k66cZb6A4OQWUiuoRAZVDW4l7wRIdhed3U4i2I2vV6cyPg8Cr1nIPU2qraIxGWy5Vif7Q-SOnpJo/s1600/sadanimated.gif' alt='' class='comment_emo'/>");

ki_emo = ki_emo.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2qI9VTxKmfHslIfoA0pyvQ_3FpK5Txqt9ZXD1j5cvcuiu39lfs4GqoK3zKUawsx67TQ5qG_iNke8qnickz1mNqavH2licdv0ePe5yW-9hZ4C-ouBCuKooi3m89UIYhQVoI8TJVCC0HvY/s1600/sad.gif' alt='' class='comment_emo'/>");

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

ki_emo = ki_emo.replace(/:D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglhVfPwlU1A_GTC-1hCXgJpY0j6J46nX9ZJv829q9Qw0-mdX6EAIpVqlOHQ1mw9QPC2IgzQLTzaPy-yUpnl3-noZZYtToVS-NXXGn1JK6gnm1cqyPgjpo9-PDgbwlp8FYnIFflDQKbUsc/s1600/icon_smile.gif='' class='comment_emo'/>");

ki_emo = ki_emo.replace(/=D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv1PHze8tvQb79AHxkz-chPCJVKi1rTiHVw0KwURvlY8-mCRSJIO1OU4wVMOqdb-S30AiKBTyvKbFDaiAnl-3F9DP-CmTSnkFiPYmGowXhdbvh2_qyQ4BVL4EvhzLOREUIUdIln_4sEnk/s1600/hihi.gif' alt='' class='comment_emo'/>");

ki_emo = ki_emo.replace(/:\P/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVwHNzy7MQMUsa2f09wXdBIP0o3Ch72HvIxsB-8VEkU97HdxuuWOTqXKntA5iQMHiZY5H80_czNJpK5AvdtFpiPLgmF-EME0Oo6T6VHz9U3ZuP0wGFB_6NfL3YyQHKaglhDOJ1k3vE66c/s1600/wee.gif' alt='' class='comment_emo'/>");

ki_emo = ki_emo.replace(/:\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVwHNzy7MQMUsa2f09wXdBIP0o3Ch72HvIxsB-8VEkU97HdxuuWOTqXKntA5iQMHiZY5H80_czNJpK5AvdtFpiPLgmF-EME0Oo6T6VHz9U3ZuP0wGFB_6NfL3YyQHKaglhDOJ1k3vE66c/s1600/wee.gif' alt='' class='comment_emo'/>");

zx.item(i).innerHTML = ki_emo;

}

}

}

//]]>

</script>

4. Simpan Template.

Note : Tidak akan tampil di form komentar, jika anda ingin menambahkan diform komentar simak diartikel
nanti atau cari digoogle.

Jika ada yang belum jelas atau ada kesalahan, anda bisa berkomentar dibawah ini dengan pertanyaan lalu saya akan menjawab sebisa saya. Sekian dari saya Mochammad Fikri yang menuliskan artikel tentang Cara Membuat Emoticon Di Komentar Blogger. Simak juga artikel saya yang lainnya : Cara Memasang Iklan Disamping Kiri dan Kanan Blog Melayang, Cara Membuat Iklan Melayang Di Bawah Blogger Dengan Tombol Close, dan Cara Membuat Artikel Yang Berkualitas SEO Friendly. Terima kasih sudah berkunjung.
.

Dilarang untuk meng-copas artikel ini kecuali menuliskan sumbernya