Emoticon atau smiley faces adalah cara yang bagus untuk membuat komentar lebih menarik dan menyenangkan, sehingga sangat disayangkan jika blogger tidak mendukung itu. Dalam tutorial ini, kita akan mengikuti beberapa langkah sederhana untuk menambahkan emoticon keren yang disebut dengan Kolobok di Blogger/Blogspot komentar, sehingga anda dan pengunjung blog anda akan dapat memiliki waktu yang menyenangkan bersama-sama.
UPDATE: Kini ada juga untuk sistem komentar berulir (dengan tombol reply) juga!
Menambahkan Emoticon atau Smiley Kolobok dalam Komentar Blogger
Langkah 1. Masuk ke akun Blogger anda dan pergi ke 'Template', lalu klik tombol 'Edit HTML':
Langkah 2. Klik di mana saja di dalam area kode dan tekan tombol CTRL + F untuk membuka kotak pencarian
Langkah 3. Cari (CTRL + F) untuk tag ini:
</body>Langkah 4. Sekarang perhatikan kode yang harus Anda gunakan. Jika komentar Anda tidak memiliki tombol reply, maka Anda menggunakan sistem komentar sebelumnya, jika tidak mencari kode komentar berulir: a) Gunakan script ini untuk sistem komentar sebelumnya dengan komentar yang tidak memiliki fungsi balasan:
<!--kolobok-smileys-->b) Script untuk berulir sistem komentar dengan komentar yang memiliki fungsi balasan:
<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("smileys");
theText = bodyText.innerHTML;
theText = theText.replace(/:\)\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhwXcENbWjMnPw6OYbfv5cxkJ7BA_h1d8n_anMLE5OT_Wjs6qG0L3EekRU_0j2nQtWap3utU77AfuZRD3iZvOkDxC1mze7LLBDjjK2b9Hho5EU6sDBuGJ1KoWy3cU3F66wn_QZ62D9fe0/s1600/taunt.gif'/>");
theText = theText.replace(/=d>/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXAp8rNUw1S-YyMu2pv8rXIYWGblt7kQE_OoRBvJryWQHT9e2w_V7edxbZTS_VSfySLjgz9JKckqANCUAUhyphenhyphentZHZdLjQUCs851CI4e62h56AY0RyEOPsloUcUsIGuFOe4csdzDSNTADcY/s1600/suicide.gif'/>");
theText = theText.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh8oSU8WTzRQcAJCUBsFHvOGBYLMqhgdGUoTUZA8wpNtbLrCFIEfeMGcIcMQp-3cI1sWv8SLuDK9g2ZVpyvGRDS_Zuxpu33wLaDzjnvX2pQQOkp0NUHhA9mcsrHzi3w9qapxPT1CMThug/s1600/biggrin.gif'/>");
theText = theText.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-SWMcnBiQWxokexpBKdgKjVr_XP_2wlylqR6e4TPvTTy8N5SIvwwmRqVguK1ra3SRX0EeLcvb_ucmFRWNP-KAJAVy9_91Yf0_-mjXHeZoMkn8RG4f88Q_ZTX_mNAgFZVm1QN4Aq6XDT8/s1600/tongue.gif'/>");
theText = theText.replace(/:\(\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhJqbhAdDau4dUSTV_7GH7OyLSjTceNByGFMKTQApmbSFNtZJ_ELOnLNmqupNz4UTtTobxoJFlhZ2BKV35O4ETmrmp_J0EvImrhbdILDbTPVt6xRnrrNM86l76CMkPLmxhYgJdcXRKTAI/s1600/cry2.gif'/>");
theText = theText.replace(/:\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj8SqmdGzuy7DG2a-vCxQIz7ZPDEThSSirPLLAjNVurYzvW6q5G1qF4RpuRklEto-F1UzW5MuQhoS9ydAs7AtAr7UJRvJ3MHXOugiGiPYk_7W_Misu00XHNc3RUE85tur8mMwQsBT2hH0/s1600/smile3.gif'/>");
theText = theText.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLs2zT4NUcpzpy8kxXd3LlQax443Yul06jPrWXf6lN3N0NYzXV5fiKeV2Kd6xUhwk-vmm-tVOMfLS2FXMygEcjG7taqPR9vXNtGqGmbk_wYzHqeAQtTC0gc99nJX8dphKRpHGq1FeZx0I/s1600/sad.gif'/>");
theText = theText.replace(/:-\?/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcYhPEd3GUyIwYU-uEXndVPSjNV2m14mBWsipDNHVe7NqZ-M9ImLh8thrZkEO8APmEL5ovdodsUVafzyV1_E9uXrHyQuU4L4NVQbbfm1Le5z400Yfz4XOTnNdOx_umZ3t_PAcyJWobp58/s1600/think.gif'/>");
theText = theText.replace(/d\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjscZujqz16Hrco7dIlH5vNG0U0vLFNLyFqOQLEqWpsmVVw9fenIPhyROtxEOsnCMDDjyLrhFU7OcgzR-tZruQnbEIEZteeePijajukUQk5TYUVrpVt4T70-KPkOfjljGCPGtcpr4yGClU/s1600/doh.gif'/>");
theText = theText.replace(/:-o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixVUXVG56S7SKS3indNjau7K1niMHgEm9XSaT05KsjtqtNqFlLD653OVPTzNqoUabapPen44oAPb6rNg495aTtOw4CxZ0Y15Z7BQOuPOVpUPqTwdOW_L4ZcsTM-CpIcsVWfUkN22ajSGQ/s1600/shock.gif'/>");
theText = theText.replace(/:-f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSwLH4wbFRN82UuTE5W99NKxr0opx6tTebNz8iCn6Nv73a8vodMJ5WvGnpYlRluRO1BccWEfRyNf-FsImlB8sJKWC5hHeJsCOm35IHf5sorKIm-E9aJd8-o3Ea9dJmTgeWQilwns63Edg/s1600/flowers1.gif'/>");
theText = theText.replace(/:-ss/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirmA_QA_oVJHY2aWTSQ6_oEKmFAy9uziMVEQx0wgYMuf5qfYoihCGotv0ytpC7Ca13kEhmlf07suB2PDZkS6Xtu9jkCgfUkfJ2XabGv_ZHUWwRnIdzLYcOBkH_HY9IYbEJna2HinNEXqk/s1600/unsure.gif'/>");
theText = theText.replace(/b-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq8IXzUQZ9uG9iAKKVXp7hJV2xLX1UXn6OJCFBBRXLkbwBEV4ImqGD9tKQ-xzZ7VJsbJ3uSSnT6BoJkkxBYpBYcVO1j0KDYXgvPluGpmE3MF_dL20Wyqg3OA8-vqzw-lDQBmUAJiWRPi4/s1600/threaten.gif'/>");
theText = theText.replace(/h-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoSGJm6ut7XEG5Dm0QVWJ6TmmkI-09mVxkQGGe4H49JuCiwjSCHM3o6MGYXY6MrZbP0FJBAT3kL98HlqF5dcad7K1wMs0gwV5nwSnQz__eCyehbXv0SvCojtp84CJdzHG8o3Nnlra-UaQ/s1600/help.gif'/>");
theText = theText.replace(/g-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBzCbzYrAs0Xmj3ATtdTekRBNylWqWecer5hXo30YLI8e6NGbS-izgKXk1BrJZVxU72uLFeM5yyDAgzF1mtciqq7ZWG4tJ4gFB02pnqx3nEP9g5OA-AH8frcZmJrGZZvRy9A0jPmsoQaA/s1600/good.gif'/>");
theText = theText.replace(/5-\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinboMsVMGiY6QURbrcyIaOB8dhA1ADXtZzD_cNmY4OQSkgbnNdfMsy934vPCFV8OjSrTmkaztaSAjigaZRZu_umrV05qXCGK-nx7jAQ9oaw9WKVuUu6VSwG9pgShQQvZ7ksFB4pGthX7M/s1600/beee.gif'/>");
theText = theText.replace(/y-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7jP43goUH2w57iN7OZ3T9qzuXrszeb2HjrD7VZ0a1CnxKEqknPtjuIzFg1W_h1kSqARzy4zMG-sm7oHJnwJBtg9he_Mjz2GDiwpBtJkXtr7z2s-mwgq7Xyrb46sEEHM8TtPSjYpNdaGg/s1600/yahoo.gif'/>");
theText = theText.replace(/c-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZuvB_ynbEv9Hu7IGG8Co7OCQRurWk3U4ydZIkgrKI_QzDzJ9yjKuMv3Cq9R_rDPYDCE1e_AygPs8lVFxXb688tW4APO-803c3xbcc5KtSmS4EEO6MHCamvCoKVFbYM9Aqg-nw7FmIS-k/s1600/crazy.gif'/>");
theText = theText.replace(/s-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-PqctA3K389rlNq4JR6j69el_A0wWE3nF07FbShCzKMiIE3EqIL8TtDHd2bCOnQHqwc1A1cKObA86tSpL_7jK4t-JOfO7Y4Cu5Objjmk-q8zJOzzGAtJ6q14fYSeD58lRoeFaDIrBQ7c/s1600/spiteful.gif'/>");
theText = theText.replace(/d-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt1beGzX5xRLqRL2Py3U8qM0ord7OkoS6kBoG7zvtB_PnQvsAjbNfk61VuRjz88RBWZmdR5ZdO2S-9kh8JoA4ZBfrFu4Rn6RGjmZQRFx656XylUhMZerPRBLdFBG0DgNgtVSZK9VmZw2Y/s1600/drinks.gif'/>");
theText = theText.replace(/w-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEnTdqSCSJfi-8YzTmxJPBZkw3v_FVpPk7C0br0cxSch8487p0xwde0cKXTbQMFKCSpfbDT_4HYJM4_yhxr6PiHQupuxkkEpsS1Ktt1MsmR8cKJ8_te7ZKj5J9HgEMw14SWq-JGKHzPfM/s1600/cheer.gif'/>");
theText = theText.replace(/:-\h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2m-dhg3MS1GDrtoYJM-aW3hbbVD7twG5HE69_soUKKWPtlDIPa56fEIk4GWhwTtfuli2DX4YPCcin8LnMcNVQkjgvSK0d_rz-cXnU7AjNATtF9lXfzwM6MrB-4q3RzQ6i50n0dY9qOKE/s1600/hi+2.gif'/>");
theText = theText.replace(/:X/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEPCE5hQqUCpXv9jqrKHTif0VG2OZk9GypQqDLUm-R6u-979Ze20g49zOGtu3rwgKCSQi5oAva9VAa3FPhg7Rur7zhVH7XU33XKx2fzzWpftMMgx_b187oGV8r9BXBik3E65A1xf-gUFY/s1600/give_heart.gif'/>");
theText = theText.replace(/:\-\*/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxsGLg2KDN8oFj0Ay9NLEjJF122-ix7vOOKQSnQlgS2U6-H564fv1gcBB78cPylNC2TE-w1vLvb8_K2AZSGlJPR-TQkqJq01hSa9e7fZttzcyUSoUR86SIMPeYjfQYUE6ujm96J1InvgQ/s1600/air_kiss.gif'/>");
theText = theText.replace(/=\)\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5-OAGu1Xd9ZtPeG_ZcLVYrXzZqqXVcFl5H1IS5_26PCoywOg-qqw1H1fyvbhygXWd7XXSmndXk4cl_VhQBJgGqrvG4VTeK8HI5uO2kSVcU2lqq6ne7UL3uVcqfm7KFROFmmSqPTqOByo/s1600/rofl.gif'/>");
bodyText.innerHTML = theText;
}
replaceText();
//]]>
</script>
<!--kolobok-smileys-->
<script type='text/javascript'>Catatan: Abaikan langkah 5-8, jika blog anda telah thread (ulir) komentar!
//<![CDATA[
a=document.getElementById('comment-holder');if(a){b=a.getElementsByTagName("p");for(i=0;i<b.length;i++){if(b.item(i).getAttribute('CLASS')=='comment-content'){_str=b.item(i).innerHTML.replace(/:\)\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhwXcENbWjMnPw6OYbfv5cxkJ7BA_h1d8n_anMLE5OT_Wjs6qG0L3EekRU_0j2nQtWap3utU77AfuZRD3iZvOkDxC1mze7LLBDjjK2b9Hho5EU6sDBuGJ1KoWy3cU3F66wn_QZ62D9fe0/s1600/taunt.gif' alt='' class='smiley'/>");_str=_str.replace(/=d>/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXAp8rNUw1S-YyMu2pv8rXIYWGblt7kQE_OoRBvJryWQHT9e2w_V7edxbZTS_VSfySLjgz9JKckqANCUAUhyphenhyphentZHZdLjQUCs851CI4e62h56AY0RyEOPsloUcUsIGuFOe4csdzDSNTADcY/s1600/suicide.gif' alt='' class='smiley'/>");_str=_str.replace(/:d/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh8oSU8WTzRQcAJCUBsFHvOGBYLMqhgdGUoTUZA8wpNtbLrCFIEfeMGcIcMQp-3cI1sWv8SLuDK9g2ZVpyvGRDS_Zuxpu33wLaDzjnvX2pQQOkp0NUHhA9mcsrHzi3w9qapxPT1CMThug/s1600/biggrin.gif' alt='' class='smiley'/>");_str=_str.replace(/:p/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-SWMcnBiQWxokexpBKdgKjVr_XP_2wlylqR6e4TPvTTy8N5SIvwwmRqVguK1ra3SRX0EeLcvb_ucmFRWNP-KAJAVy9_91Yf0_-mjXHeZoMkn8RG4f88Q_ZTX_mNAgFZVm1QN4Aq6XDT8/s1600/tongue.gif' alt='' class='smiley'/>");_str=_str.replace(/:\(\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhJqbhAdDau4dUSTV_7GH7OyLSjTceNByGFMKTQApmbSFNtZJ_ELOnLNmqupNz4UTtTobxoJFlhZ2BKV35O4ETmrmp_J0EvImrhbdILDbTPVt6xRnrrNM86l76CMkPLmxhYgJdcXRKTAI/s1600/cry2.gif' alt='' class='smiley'/>");_str=_str.replace(/:\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj8SqmdGzuy7DG2a-vCxQIz7ZPDEThSSirPLLAjNVurYzvW6q5G1qF4RpuRklEto-F1UzW5MuQhoS9ydAs7AtAr7UJRvJ3MHXOugiGiPYk_7W_Misu00XHNc3RUE85tur8mMwQsBT2hH0/s1600/smile3.gif' alt='' class='smiley'/>");_str=_str.replace(/:\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLs2zT4NUcpzpy8kxXd3LlQax443Yul06jPrWXf6lN3N0NYzXV5fiKeV2Kd6xUhwk-vmm-tVOMfLS2FXMygEcjG7taqPR9vXNtGqGmbk_wYzHqeAQtTC0gc99nJX8dphKRpHGq1FeZx0I/s1600/sad.gif' alt='' class='smiley'/>");_str=_str.replace(/:-\?/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcYhPEd3GUyIwYU-uEXndVPSjNV2m14mBWsipDNHVe7NqZ-M9ImLh8thrZkEO8APmEL5ovdodsUVafzyV1_E9uXrHyQuU4L4NVQbbfm1Le5z400Yfz4XOTnNdOx_umZ3t_PAcyJWobp58/s1600/think.gif' alt='' class='smiley'/>");_str=_str.replace(/d\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjscZujqz16Hrco7dIlH5vNG0U0vLFNLyFqOQLEqWpsmVVw9fenIPhyROtxEOsnCMDDjyLrhFU7OcgzR-tZruQnbEIEZteeePijajukUQk5TYUVrpVt4T70-KPkOfjljGCPGtcpr4yGClU/s1600/doh.gif' alt='' class='smiley'/>");_str=_str.replace(/:-o/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixVUXVG56S7SKS3indNjau7K1niMHgEm9XSaT05KsjtqtNqFlLD653OVPTzNqoUabapPen44oAPb6rNg495aTtOw4CxZ0Y15Z7BQOuPOVpUPqTwdOW_L4ZcsTM-CpIcsVWfUkN22ajSGQ/s1600/shock.gif' alt='' class='smiley'/>");_str=_str.replace(/:-f/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSwLH4wbFRN82UuTE5W99NKxr0opx6tTebNz8iCn6Nv73a8vodMJ5WvGnpYlRluRO1BccWEfRyNf-FsImlB8sJKWC5hHeJsCOm35IHf5sorKIm-E9aJd8-o3Ea9dJmTgeWQilwns63Edg/s1600/flowers1.gif' alt='' class='smiley'/>");_str=_str.replace(/:-ss/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirmA_QA_oVJHY2aWTSQ6_oEKmFAy9uziMVEQx0wgYMuf5qfYoihCGotv0ytpC7Ca13kEhmlf07suB2PDZkS6Xtu9jkCgfUkfJ2XabGv_ZHUWwRnIdzLYcOBkH_HY9IYbEJna2HinNEXqk/s1600/unsure.gif' alt='' class='smiley'/>");_str=_str.replace(/b-\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq8IXzUQZ9uG9iAKKVXp7hJV2xLX1UXn6OJCFBBRXLkbwBEV4ImqGD9tKQ-xzZ7VJsbJ3uSSnT6BoJkkxBYpBYcVO1j0KDYXgvPluGpmE3MF_dL20Wyqg3OA8-vqzw-lDQBmUAJiWRPi4/s1600/threaten.gif' alt='' class='smiley'/>");_str=_str.replace(/h-\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoSGJm6ut7XEG5Dm0QVWJ6TmmkI-09mVxkQGGe4H49JuCiwjSCHM3o6MGYXY6MrZbP0FJBAT3kL98HlqF5dcad7K1wMs0gwV5nwSnQz__eCyehbXv0SvCojtp84CJdzHG8o3Nnlra-UaQ/s1600/help.gif' alt='' class='smiley'/>");_str=_str.replace(/g-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBzCbzYrAs0Xmj3ATtdTekRBNylWqWecer5hXo30YLI8e6NGbS-izgKXk1BrJZVxU72uLFeM5yyDAgzF1mtciqq7ZWG4tJ4gFB02pnqx3nEP9g5OA-AH8frcZmJrGZZvRy9A0jPmsoQaA/s1600/good.gif' alt='' class='smiley'/>");_str=_str.replace(/5-\p/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinboMsVMGiY6QURbrcyIaOB8dhA1ADXtZzD_cNmY4OQSkgbnNdfMsy934vPCFV8OjSrTmkaztaSAjigaZRZu_umrV05qXCGK-nx7jAQ9oaw9WKVuUu6VSwG9pgShQQvZ7ksFB4pGthX7M/s1600/beee.gif' alt='' class='smiley'/>");_str=_str.replace(/y-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7jP43goUH2w57iN7OZ3T9qzuXrszeb2HjrD7VZ0a1CnxKEqknPtjuIzFg1W_h1kSqARzy4zMG-sm7oHJnwJBtg9he_Mjz2GDiwpBtJkXtr7z2s-mwgq7Xyrb46sEEHM8TtPSjYpNdaGg/s1600/yahoo.gif' alt='' class='smiley'/>");_str=_str.replace(/c-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZuvB_ynbEv9Hu7IGG8Co7OCQRurWk3U4ydZIkgrKI_QzDzJ9yjKuMv3Cq9R_rDPYDCE1e_AygPs8lVFxXb688tW4APO-803c3xbcc5KtSmS4EEO6MHCamvCoKVFbYM9Aqg-nw7FmIS-k/s1600/crazy.gif' alt='' class='smiley'/>");_str=_str.replace(/s-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-PqctA3K389rlNq4JR6j69el_A0wWE3nF07FbShCzKMiIE3EqIL8TtDHd2bCOnQHqwc1A1cKObA86tSpL_7jK4t-JOfO7Y4Cu5Objjmk-q8zJOzzGAtJ6q14fYSeD58lRoeFaDIrBQ7c/s1600/spiteful.gif' alt='' class='smiley'/>");_str=_str.replace(/d-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt1beGzX5xRLqRL2Py3U8qM0ord7OkoS6kBoG7zvtB_PnQvsAjbNfk61VuRjz88RBWZmdR5ZdO2S-9kh8JoA4ZBfrFu4Rn6RGjmZQRFx656XylUhMZerPRBLdFBG0DgNgtVSZK9VmZw2Y/s1600/drinks.gif' alt='' class='smiley'/>");_str=_str.replace(/w-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEnTdqSCSJfi-8YzTmxJPBZkw3v_FVpPk7C0br0cxSch8487p0xwde0cKXTbQMFKCSpfbDT_4HYJM4_yhxr6PiHQupuxkkEpsS1Ktt1MsmR8cKJ8_te7ZKj5J9HgEMw14SWq-JGKHzPfM/s1600/cheer.gif' alt='' class='smiley'/>");_str=_str.replace(/:-\h/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2m-dhg3MS1GDrtoYJM-aW3hbbVD7twG5HE69_soUKKWPtlDIPa56fEIk4GWhwTtfuli2DX4YPCcin8LnMcNVQkjgvSK0d_rz-cXnU7AjNATtF9lXfzwM6MrB-4q3RzQ6i50n0dY9qOKE/s1600/hi+2.gif' alt='' class='smiley'/>");_str=_str.replace(/:X/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEPCE5hQqUCpXv9jqrKHTif0VG2OZk9GypQqDLUm-R6u-979Ze20g49zOGtu3rwgKCSQi5oAva9VAa3FPhg7Rur7zhVH7XU33XKx2fzzWpftMMgx_b187oGV8r9BXBik3E65A1xf-gUFY/s1600/give_heart.gif' alt='' class='smiley'/>");_str=_str.replace(/:\-\*/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxsGLg2KDN8oFj0Ay9NLEjJF122-ix7vOOKQSnQlgS2U6-H564fv1gcBB78cPylNC2TE-w1vLvb8_K2AZSGlJPR-TQkqJq01hSa9e7fZttzcyUSoUR86SIMPeYjfQYUE6ujm96J1InvgQ/s1600/air_kiss.gif' alt='' class='smiley'/>");_str=_str.replace(/=\)\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5-OAGu1Xd9ZtPeG_ZcLVYrXzZqqXVcFl5H1IS5_26PCoywOg-qqw1H1fyvbhygXWd7XXSmndXk4cl_VhQBJgGqrvG4VTeK8HI5uO2kSVcU2lqq6ne7UL3uVcqfm7KFROFmmSqPTqOByo/s1600/rofl.gif' alt='' class='smiley'/>");b.item(i).innerHTML=_str;}}}
//]]>
</script>
Langkah 5. Cari potongan kode ini:
<b:loop values='data:post.comments' var='comment'>Langkah 6. Tulis (Copy-Paste) baris berikut di atas kode di langkah 5:
<div id='smileys>Langkah 7. Cari tag berikut dan perhatikan dengan teliti, itu harus berada di satu tempat/penutup/ di bawah kode dari langkah 5:
</b:loop>Langkah 8. Paste tag div di bawah ini hanya SETELAH tag di langkah 7:
</div>Langkah 9. Sekarang cari kode ini:
a) Untuk sistem komentar sebelumnya:
Catatan: jika Anda akan menemukan 4 kali, berhenti di kedua (tekan Enter 2 kali).
<data:blogTeamBlogMessage/>b) Untuk sistem komentar berulir masukkan kode di langkah 10 pada baris kedua (2) dan keempat (4) di bawah kode berikut:
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
Langkah 10. Hanya setelah baris di atas, tambahkan kode ini:
<b:if cond='data:blog.pageType == "item"'><script type='text/javascript'>Langkah 11. Akhirnya, Temukan tag ]]></b:skin>:
//<![CDATA[
function moreSmilies() {
document.getElementById('smiley-more').style.display = 'inline';
document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()">Hide Emoticons</a>';
}
function lessSmilies() {
document.getElementById('smiley-more').style.display = 'none';
document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()">Show Emoticons</a>';
}
//]]>
</script>
<div class='emoticons'>
<span id='smiley-more' style='display: none;'>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj8SqmdGzuy7DG2a-vCxQIz7ZPDEThSSirPLLAjNVurYzvW6q5G1qF4RpuRklEto-F1UzW5MuQhoS9ydAs7AtAr7UJRvJ3MHXOugiGiPYk_7W_Misu00XHNc3RUE85tur8mMwQsBT2hH0/s1600/smile3.gif'/><div class="emos">:)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLs2zT4NUcpzpy8kxXd3LlQax443Yul06jPrWXf6lN3N0NYzXV5fiKeV2Kd6xUhwk-vmm-tVOMfLS2FXMygEcjG7taqPR9vXNtGqGmbk_wYzHqeAQtTC0gc99nJX8dphKRpHGq1FeZx0I/s1600/sad.gif'/><div class="emos">:(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhwXcENbWjMnPw6OYbfv5cxkJ7BA_h1d8n_anMLE5OT_Wjs6qG0L3EekRU_0j2nQtWap3utU77AfuZRD3iZvOkDxC1mze7LLBDjjK2b9Hho5EU6sDBuGJ1KoWy3cU3F66wn_QZ62D9fe0/s1600/taunt.gif'/><div class="emos">:))</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhJqbhAdDau4dUSTV_7GH7OyLSjTceNByGFMKTQApmbSFNtZJ_ELOnLNmqupNz4UTtTobxoJFlhZ2BKV35O4ETmrmp_J0EvImrhbdILDbTPVt6xRnrrNM86l76CMkPLmxhYgJdcXRKTAI/s1600/cry2.gif'/><div class="emos">:((</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5-OAGu1Xd9ZtPeG_ZcLVYrXzZqqXVcFl5H1IS5_26PCoywOg-qqw1H1fyvbhygXWd7XXSmndXk4cl_VhQBJgGqrvG4VTeK8HI5uO2kSVcU2lqq6ne7UL3uVcqfm7KFROFmmSqPTqOByo/s1600/rofl.gif'/><div class="emos">=))</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXAp8rNUw1S-YyMu2pv8rXIYWGblt7kQE_OoRBvJryWQHT9e2w_V7edxbZTS_VSfySLjgz9JKckqANCUAUhyphenhyphentZHZdLjQUCs851CI4e62h56AY0RyEOPsloUcUsIGuFOe4csdzDSNTADcY/s1600/suicide.gif'/><div class="emos">=D></div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh8oSU8WTzRQcAJCUBsFHvOGBYLMqhgdGUoTUZA8wpNtbLrCFIEfeMGcIcMQp-3cI1sWv8SLuDK9g2ZVpyvGRDS_Zuxpu33wLaDzjnvX2pQQOkp0NUHhA9mcsrHzi3w9qapxPT1CMThug/s1600/biggrin.gif'/><div class="emos">:D</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-SWMcnBiQWxokexpBKdgKjVr_XP_2wlylqR6e4TPvTTy8N5SIvwwmRqVguK1ra3SRX0EeLcvb_ucmFRWNP-KAJAVy9_91Yf0_-mjXHeZoMkn8RG4f88Q_ZTX_mNAgFZVm1QN4Aq6XDT8/s1600/tongue.gif'/><div class="emos">:P</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixVUXVG56S7SKS3indNjau7K1niMHgEm9XSaT05KsjtqtNqFlLD653OVPTzNqoUabapPen44oAPb6rNg495aTtOw4CxZ0Y15Z7BQOuPOVpUPqTwdOW_L4ZcsTM-CpIcsVWfUkN22ajSGQ/s1600/shock.gif'/><div class="emos">:-O</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcYhPEd3GUyIwYU-uEXndVPSjNV2m14mBWsipDNHVe7NqZ-M9ImLh8thrZkEO8APmEL5ovdodsUVafzyV1_E9uXrHyQuU4L4NVQbbfm1Le5z400Yfz4XOTnNdOx_umZ3t_PAcyJWobp58/s1600/think.gif'/><div class="emos">:-?</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirmA_QA_oVJHY2aWTSQ6_oEKmFAy9uziMVEQx0wgYMuf5qfYoihCGotv0ytpC7Ca13kEhmlf07suB2PDZkS6Xtu9jkCgfUkfJ2XabGv_ZHUWwRnIdzLYcOBkH_HY9IYbEJna2HinNEXqk/s1600/unsure.gif'/><div class="emos">:-SS</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSwLH4wbFRN82UuTE5W99NKxr0opx6tTebNz8iCn6Nv73a8vodMJ5WvGnpYlRluRO1BccWEfRyNf-FsImlB8sJKWC5hHeJsCOm35IHf5sorKIm-E9aJd8-o3Ea9dJmTgeWQilwns63Edg/s1600/flowers1.gif'/><div class="emos">:-f</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjscZujqz16Hrco7dIlH5vNG0U0vLFNLyFqOQLEqWpsmVVw9fenIPhyROtxEOsnCMDDjyLrhFU7OcgzR-tZruQnbEIEZteeePijajukUQk5TYUVrpVt4T70-KPkOfjljGCPGtcpr4yGClU/s1600/doh.gif'/><div class="emos">d(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxsGLg2KDN8oFj0Ay9NLEjJF122-ix7vOOKQSnQlgS2U6-H564fv1gcBB78cPylNC2TE-w1vLvb8_K2AZSGlJPR-TQkqJq01hSa9e7fZttzcyUSoUR86SIMPeYjfQYUE6ujm96J1InvgQ/s1600/air_kiss.gif'/><div class="emos">:-*</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq8IXzUQZ9uG9iAKKVXp7hJV2xLX1UXn6OJCFBBRXLkbwBEV4ImqGD9tKQ-xzZ7VJsbJ3uSSnT6BoJkkxBYpBYcVO1j0KDYXgvPluGpmE3MF_dL20Wyqg3OA8-vqzw-lDQBmUAJiWRPi4/s1600/threaten.gif'/><div class="emos">b-(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoSGJm6ut7XEG5Dm0QVWJ6TmmkI-09mVxkQGGe4H49JuCiwjSCHM3o6MGYXY6MrZbP0FJBAT3kL98HlqF5dcad7K1wMs0gwV5nwSnQz__eCyehbXv0SvCojtp84CJdzHG8o3Nnlra-UaQ/s1600/help.gif'/><div class="emos">h-(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBzCbzYrAs0Xmj3ATtdTekRBNylWqWecer5hXo30YLI8e6NGbS-izgKXk1BrJZVxU72uLFeM5yyDAgzF1mtciqq7ZWG4tJ4gFB02pnqx3nEP9g5OA-AH8frcZmJrGZZvRy9A0jPmsoQaA/s1600/good.gif'/><div class="emos">g-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinboMsVMGiY6QURbrcyIaOB8dhA1ADXtZzD_cNmY4OQSkgbnNdfMsy934vPCFV8OjSrTmkaztaSAjigaZRZu_umrV05qXCGK-nx7jAQ9oaw9WKVuUu6VSwG9pgShQQvZ7ksFB4pGthX7M/s1600/beee.gif'/><div class="emos">5-p</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7jP43goUH2w57iN7OZ3T9qzuXrszeb2HjrD7VZ0a1CnxKEqknPtjuIzFg1W_h1kSqARzy4zMG-sm7oHJnwJBtg9he_Mjz2GDiwpBtJkXtr7z2s-mwgq7Xyrb46sEEHM8TtPSjYpNdaGg/s1600/yahoo.gif'/><div class="emos">y-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZuvB_ynbEv9Hu7IGG8Co7OCQRurWk3U4ydZIkgrKI_QzDzJ9yjKuMv3Cq9R_rDPYDCE1e_AygPs8lVFxXb688tW4APO-803c3xbcc5KtSmS4EEO6MHCamvCoKVFbYM9Aqg-nw7FmIS-k/s1600/crazy.gif'/><div class="emos">c-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-PqctA3K389rlNq4JR6j69el_A0wWE3nF07FbShCzKMiIE3EqIL8TtDHd2bCOnQHqwc1A1cKObA86tSpL_7jK4t-JOfO7Y4Cu5Objjmk-q8zJOzzGAtJ6q14fYSeD58lRoeFaDIrBQ7c/s1600/spiteful.gif'/><div class="emos">s-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt1beGzX5xRLqRL2Py3U8qM0ord7OkoS6kBoG7zvtB_PnQvsAjbNfk61VuRjz88RBWZmdR5ZdO2S-9kh8JoA4ZBfrFu4Rn6RGjmZQRFx656XylUhMZerPRBLdFBG0DgNgtVSZK9VmZw2Y/s1600/drinks.gif'/><div class="emos">d-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEnTdqSCSJfi-8YzTmxJPBZkw3v_FVpPk7C0br0cxSch8487p0xwde0cKXTbQMFKCSpfbDT_4HYJM4_yhxr6PiHQupuxkkEpsS1Ktt1MsmR8cKJ8_te7ZKj5J9HgEMw14SWq-JGKHzPfM/s1600/cheer.gif'/><div class="emos">w-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2m-dhg3MS1GDrtoYJM-aW3hbbVD7twG5HE69_soUKKWPtlDIPa56fEIk4GWhwTtfuli2DX4YPCcin8LnMcNVQkjgvSK0d_rz-cXnU7AjNATtF9lXfzwM6MrB-4q3RzQ6i50n0dY9qOKE/s1600/hi+2.gif'/><div class="emos">:-h</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEPCE5hQqUCpXv9jqrKHTif0VG2OZk9GypQqDLUm-R6u-979Ze20g49zOGtu3rwgKCSQi5oAva9VAa3FPhg7Rur7zhVH7XU33XKx2fzzWpftMMgx_b187oGV8r9BXBik3E65A1xf-gUFY/s1600/give_heart.gif'/><div class="emos">:X</div></div>
</span>
<span id='smiley-toggle'><a href='javascript:moreSmilies()'>Show Emoticons <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj8SqmdGzuy7DG2a-vCxQIz7ZPDEThSSirPLLAjNVurYzvW6q5G1qF4RpuRklEto-F1UzW5MuQhoS9ydAs7AtAr7UJRvJ3MHXOugiGiPYk_7W_Misu00XHNc3RUE85tur8mMwQsBT2hH0/s1600/smile3.gif'/></a></span>
</div></b:if>
]]></b:skin>
Langkah 12. Tambahkan kode CSS di atas
Baca dengan teliti setiap langkah-langkahnyaagar tidak menemukan error, jika ada yang ingin bertanya silahkan berkomentar, Enjoy!
.itemo{float:left;font-size:11px;height:30px;line-height:1.2;padding:10px 0;text-align:center;width:85px;}span#smiley-toggle{clear:both;padding:15px 10px;float:left;font:bold 14px 'Oswald', sans-serif;}span#smiley-toggle a{text-decoration:none;}#smiley-toggle img{vertical-align:bottom;}img.smiley{vertical-align:bottom;}Langkah 13. Simpan perubahan dengan mengklik 'Save Template' dan anda selesai menambahkan emoticon di Blogger komentar.
Baca dengan teliti setiap langkah-langkahnyaagar tidak menemukan error, jika ada yang ingin bertanya silahkan berkomentar, Enjoy!
0 komentar