Emoticon atau smiley faces yaitu cara yang anggun untuk menciptakan komentar lebih menarik dan menyenangkan, sehingga sangat disayangkan bila 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 sanggup mempunyai 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', kemudian klik tombol 'Edit HTML':
Langkah 2. Klik di mana saja di dalam area arahan dan tekan tombol CTRL + F untuk membuka kotak pencarian
Langkah 3. Cari (CTRL + F) untuk tag ini:
</body>Langkah 4. Sekarang perhatikan arahan yang harus Anda gunakan. Jika komentar Anda tidak mempunyai tombol reply, maka Anda memakai sistem komentar sebelumnya, bila tidak mencari arahan komentar berulir: a) Gunakan script ini untuk sistem komentar sebelumnya dengan komentar yang tidak mempunyai fungsi balasan:
<!--kolobok-smileys-->b) Script untuk berulir sistem komentar dengan komentar yang mempunyai fungsi balasan:
<script type='text/j4vascript'>
//<![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/AVvXsEhqNfrnwgcuOuRe0-0LZKminehza0HZHADYEfHrNnoT53NzgUkb1AS3sv3ZgQ8BuEUh7CcAATbSztCGRbnXU4_rC6NHgIrm5m9G_nZ7G3pFU2aZ5JdNFbRqKDKn91JQgLky_zWXtzBvJRo/s1600/taunt.gif'/>");
theText = theText.replace(/=d>/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiONfsMgFD3pWizO8ExnB0UcWauxrWrmq_U2dEpNYk-lS9_hjfoE71VZZqEuxGYMEEEttoM8rXDwbg858DurBZHuKtL3Ari352FLzH32_IF6M7trpHYnSu1c_HnDo0FiG2_PJTQ0nf56mk/s1600/su1cide.gif'/>");
theText = theText.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN1ul5XzMXSZ6_d2y-ZvKk98Zp18VET8bEcnpvKFHHIki5JpNapEAqEgXOW85VUFStY-I_UxNfCgMxenYpRXL5_c65VvOfEt0q3yInd5PTEJAwMtam3PrI6au1q0d-9PE_zw0o8iWMTCE/s1600/biggrin.gif'/>");
theText = theText.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPyxa3x3adJP8OPfJs8eFXvG8X-dHMXTaqgOTextAr-rL-hOch5m6-8rEUvCvpY8csgSVKn3Rn-xSEB9zWP-ak8o7DSJLlUXfm8Aoq-2CPbAlYfq2XD0B4khO14bgtK7cjkl-9_Ed-6q0/s1600/tongue.gif'/>");
theText = theText.replace(/:\(\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3L_mHJuIUyEjRhKN52OTbO2DaClpU2hR5G9zGGBCLfQ84Htg8dimJkV0pYmPpBC-f8jMkTxQeRopvS1batcO9YQQ83Ibt2Rphei68R27K9G2UGCZpZzPivWVsWenTSc1poB2wE6rGLtg/s1600/cry2.gif'/>");
theText = theText.replace(/:\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1eOGH6gsCGt1RnnuqCe1XVwF5LT2kXhHT1YeKOXu6L7s0INZdV6Rt2wzOmSqlTG9KKXv1LdKHzHSBACw3hhs4TDq-zUmw4bNCYSI2TK-mRe7WhoZkm0elYXZ7I41z08kLSROhy2056QA/s1600/smile3.gif'/>");
theText = theText.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDNaybcP3DwQU5jwTniVzp5TvdhkeZjfW68juEcDT73nnKLixjceDOLMvU5EX3ZSqdozTetNmTgIVmwjP-mMWkxO3tbVWoVqCT1kUPKsoAMMV4HSNR5GUky1BJZbEPuWlTPpftWLlJ5Es/s1600/sad.gif'/>");
theText = theText.replace(/:-\?/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCKMobBKGhS6j4eRnKccLq9AWtQoasMMVbx1I2UpoGzzmo-507oS-c3ujb1p_05ALShoQ9G9W1llGCrpLeqnuP7uyFBVpE4wlJzfCQ2ngo2OtbjDUIqshYJUaIYoEpmjWrEENlD5Kxs3Q/s1600/think.gif'/>");
theText = theText.replace(/d\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8njtMzGIJ0_v5WoeaOgucE7_P4CPJMX2HcP04gYSqxWNJ9V-WE9IdIstWmsewlBQDiQEX2Lyy-CIUxcRkoXNJi5lBeCbEdAFbyeRIgSXnMO4vL8bIobgKi141lE0FflAaGKzGdRC_Cao/s1600/doh.gif'/>");
theText = theText.replace(/:-o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUWQG_TpwUG7Xe3hdArmOV4aRrNiHaM9DDxZI8xctjepALoUnQm-O7nshmxfz45Md9Bn2CV4vbVv-1HhxwYsOSR0uTEylZs1ldv57cg3wJHO9t1dgzBhB6OqkMJQSjklAHTiilX9WNVhY/s1600/shock.gif'/>");
theText = theText.replace(/:-f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9VW8s-rPyCdeIamsJthItF1xaEU0gG_OQvwEt5qiWp-uhIS8Ul-lYmC5leYL5KfW9jp9ahbXVO4rYpyXVm_xHLwRC1nzIqmEBpu1UWW3nP_7iILxDC2GrGhTwoUwEuduwjSYFVaaKYB0/s1600/flowers1.gif'/>");
theText = theText.replace(/:-ss/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje0apmtwVXRnQ3SRDavWA9fBJHsAr7VzjgmPZDmy2-C_3P0Oo882irE8smNVWUUGZzfziq9zphL1yRDPCXrgD4h9GVueo0724YRAQsDHP9KASUi6OvOuCekb9s0Nk0UYa1PbsrfdnLORM/s1600/unsure.gif'/>");
theText = theText.replace(/b-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhejaCrtNKsf0BfAOK2tlQVk4wNEZNSEsZ8rwb3Y3Dz5B41SAW1b0D2YY-KBj1llGnI5oEJfjEPlcspoBRC4UmbHnqOK2BHcamUET_seeCiiBCi5BrLD2mBlAGa8yIewHfebc2m83xv8Fo/s1600/threaten.gif'/>");
theText = theText.replace(/h-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip-vXpD2niyiRL50AHEOqgEX2I_j9ciGiqRaK-OlqkpirZ5o5bxBE4OkqOZAjkMVK3ARjlUssodwXS_0YJ-cwxV8wWwgQP0xVjIn9eRChTQbTIqxVQayhhcl29BsWUa9FSMWUXuZZevOA/s1600/help.gif'/>");
theText = theText.replace(/g-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ70g-7YHctRIM9W7o7EHpyEed-l9Uq-B_1dNQsZ9Cb-kWWzlCJXCrbo4F6p__JnUAKN8XAr7gJkY-eTEl3udNQqI4n4J7ijxrR6NoYbNwdpiX-dtC_QVFIk4MH6d-P_CE_gy-YCSyKUw/s1600/good.gif'/>");
theText = theText.replace(/5-\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMeh8glIKmqDFENaAmRZbelj4Ritley0pRPCrbEezwr4v-u_vKTW8IoZjs_-L-hsCuWmPLn6xjqKOzTItwE3xseoqNG0dtF8rDJCOOLMr-FYWSi1wnghSFvOVBjCtQBt3xjcBmZob9zxs/s1600/beee.gif'/>");
theText = theText.replace(/y-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioQmc9h_90HnVxEoAHxHBieaf4M0822iEfu-3EG9QR0h6Eegt6o3bQMdKE4D0FtmQq_TRe3-dkNwe-2RgLL4wmJn35o_lgqK_KUly_LLX0ME9qX9H9ppqIh9sRD1sBx4DZIYUbkIMT4zA/s1600/yahoo.gif'/>");
theText = theText.replace(/c-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXYq09SC3DVND_pYJHGAnzuwsijF2h3bOA1rufBueFvWrbsln5KZu8Abu55rfF0O-feaMhjsxSWDOIBZ_lZe2eB_w-TOmr0CXi2kvEXJKH1zxrd2juvDjpicjPEbGBonlLzQpy1_a6oe8/s1600/crazy.gif'/>");
theText = theText.replace(/s-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvcRE3tQyTqqv9uck8uVYSjeqGTfA7jZK_DnXG__0tOEs9WTsb1WUrgEw4gavn8PcDQVlYZ5ouu0I9qk8p0mEk-V4rNglqLQG7y_fW_Jp03sfJ-Y0xmnuKRlFi3GxlcCp5RtXZvt-5Jrs/s1600/spiteful.gif'/>");
theText = theText.replace(/d-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFxgpl3o4qSv6FBIK4tKLig88NW8Si4StzNBmBvuttAqJQieryTYDC7LYiPw_qD9gq_OAC6eTHwuRQ0y8G40YAhHRV7zlniWrflE9qL3ck5r7JHA00FRQh9r0190baT0iOYuSyXKWgrBI/s1600/drinks.gif'/>");
theText = theText.replace(/w-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7n9EEI_DWFNqFIQEpCcJRjYCsBzMCZuTkSvRic8HNVpPWMvUxvEF1p6nZiqn-038cNTllWyhSnnujzRvl1bGs2x9Qfvdi9s-KVpHN7FGLMtGz6MCXQ1NRZGZwAYb2zZzBt18vn8SY4X4/s1600/cheer.gif'/>");
theText = theText.replace(/:-\h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHWvbOeUmh-BnFdgvL_2xLnc5u5JE__UnvKC2XLGjdx81wKe5lKkfi-FjS1EgoipFfSY3jocB2WZw5vzvSUsTR04hMSPq-GZ6TawUioOqHe3e9ENQKLY5Pd9eKmUuk-Kdsb8E3Uu0-I8s/s1600/hi+2.gif'/>");
theText = theText.replace(/:X/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifEAGWGoeEUfTDZmvsmyWQqfgwBAEwkgyR5kgX97eyzdW2PIxER0FKFPFNflryRcKOEMNc-iEHYRRzcZ7aaJdY66OlnVhNA42qOBnK-c_0OYQ3G0_lsEQnmglwSgD0TygsO-_9ROYFdi8/s1600/give_heart.gif'/>");
theText = theText.replace(/:\-\*/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBbx3gOv9CZQ-tvh14eccfWMhTbVSRibk1XEM50MOwH9nfEiNCvnFiNAI2bm7r1Mh3RB7w1UmgmxSYUanLvA2CfwKl0Y_7IXrvxErbNop1NyMXz4CJYubUM8XD_YMv9jbVJBB_w0zBrjM/s1600/air_kiss.gif'/>");
theText = theText.replace(/=\)\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV-AR8pAmV7vB1DhQbDmMtMyYmwQSjYyD_Wkp6GUQEhvHwJALHoEEc_CbgDXaWPArXlKtNxK4BUMhPIC_GPubW3Mmib2L2ccY_f6kBekT5PuB-R2zNMYQd5i96_LzKC0cIsfSobObG6iQ/s1600/rofl.gif'/>");
bodyText.innerHTML = theText;
}
replaceText();
//]]>
</script>
<!--kolobok-smileys-->
<script type='text/j4vascript'>Catatan: Abaikan langkah 5-8, bila 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/AVvXsEhqNfrnwgcuOuRe0-0LZKminehza0HZHADYEfHrNnoT53NzgUkb1AS3sv3ZgQ8BuEUh7CcAATbSztCGRbnXU4_rC6NHgIrm5m9G_nZ7G3pFU2aZ5JdNFbRqKDKn91JQgLky_zWXtzBvJRo/s1600/taunt.gif' alt='' class='smiley'/>");_str=_str.replace(/=d>/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiONfsMgFD3pWizO8ExnB0UcWauxrWrmq_U2dEpNYk-lS9_hjfoE71VZZqEuxGYMEEEttoM8rXDwbg858DurBZHuKtL3Ari352FLzH32_IF6M7trpHYnSu1c_HnDo0FiG2_PJTQ0nf56mk/s1600/su1cide.gif' alt='' class='smiley'/>");_str=_str.replace(/:d/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN1ul5XzMXSZ6_d2y-ZvKk98Zp18VET8bEcnpvKFHHIki5JpNapEAqEgXOW85VUFStY-I_UxNfCgMxenYpRXL5_c65VvOfEt0q3yInd5PTEJAwMtam3PrI6au1q0d-9PE_zw0o8iWMTCE/s1600/biggrin.gif' alt='' class='smiley'/>");_str=_str.replace(/:p/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPyxa3x3adJP8OPfJs8eFXvG8X-dHMXTaqgOTextAr-rL-hOch5m6-8rEUvCvpY8csgSVKn3Rn-xSEB9zWP-ak8o7DSJLlUXfm8Aoq-2CPbAlYfq2XD0B4khO14bgtK7cjkl-9_Ed-6q0/s1600/tongue.gif' alt='' class='smiley'/>");_str=_str.replace(/:\(\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3L_mHJuIUyEjRhKN52OTbO2DaClpU2hR5G9zGGBCLfQ84Htg8dimJkV0pYmPpBC-f8jMkTxQeRopvS1batcO9YQQ83Ibt2Rphei68R27K9G2UGCZpZzPivWVsWenTSc1poB2wE6rGLtg/s1600/cry2.gif' alt='' class='smiley'/>");_str=_str.replace(/:\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1eOGH6gsCGt1RnnuqCe1XVwF5LT2kXhHT1YeKOXu6L7s0INZdV6Rt2wzOmSqlTG9KKXv1LdKHzHSBACw3hhs4TDq-zUmw4bNCYSI2TK-mRe7WhoZkm0elYXZ7I41z08kLSROhy2056QA/s1600/smile3.gif' alt='' class='smiley'/>");_str=_str.replace(/:\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDNaybcP3DwQU5jwTniVzp5TvdhkeZjfW68juEcDT73nnKLixjceDOLMvU5EX3ZSqdozTetNmTgIVmwjP-mMWkxO3tbVWoVqCT1kUPKsoAMMV4HSNR5GUky1BJZbEPuWlTPpftWLlJ5Es/s1600/sad.gif' alt='' class='smiley'/>");_str=_str.replace(/:-\?/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCKMobBKGhS6j4eRnKccLq9AWtQoasMMVbx1I2UpoGzzmo-507oS-c3ujb1p_05ALShoQ9G9W1llGCrpLeqnuP7uyFBVpE4wlJzfCQ2ngo2OtbjDUIqshYJUaIYoEpmjWrEENlD5Kxs3Q/s1600/think.gif' alt='' class='smiley'/>");_str=_str.replace(/d\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8njtMzGIJ0_v5WoeaOgucE7_P4CPJMX2HcP04gYSqxWNJ9V-WE9IdIstWmsewlBQDiQEX2Lyy-CIUxcRkoXNJi5lBeCbEdAFbyeRIgSXnMO4vL8bIobgKi141lE0FflAaGKzGdRC_Cao/s1600/doh.gif' alt='' class='smiley'/>");_str=_str.replace(/:-o/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUWQG_TpwUG7Xe3hdArmOV4aRrNiHaM9DDxZI8xctjepALoUnQm-O7nshmxfz45Md9Bn2CV4vbVv-1HhxwYsOSR0uTEylZs1ldv57cg3wJHO9t1dgzBhB6OqkMJQSjklAHTiilX9WNVhY/s1600/shock.gif' alt='' class='smiley'/>");_str=_str.replace(/:-f/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9VW8s-rPyCdeIamsJthItF1xaEU0gG_OQvwEt5qiWp-uhIS8Ul-lYmC5leYL5KfW9jp9ahbXVO4rYpyXVm_xHLwRC1nzIqmEBpu1UWW3nP_7iILxDC2GrGhTwoUwEuduwjSYFVaaKYB0/s1600/flowers1.gif' alt='' class='smiley'/>");_str=_str.replace(/:-ss/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje0apmtwVXRnQ3SRDavWA9fBJHsAr7VzjgmPZDmy2-C_3P0Oo882irE8smNVWUUGZzfziq9zphL1yRDPCXrgD4h9GVueo0724YRAQsDHP9KASUi6OvOuCekb9s0Nk0UYa1PbsrfdnLORM/s1600/unsure.gif' alt='' class='smiley'/>");_str=_str.replace(/b-\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhejaCrtNKsf0BfAOK2tlQVk4wNEZNSEsZ8rwb3Y3Dz5B41SAW1b0D2YY-KBj1llGnI5oEJfjEPlcspoBRC4UmbHnqOK2BHcamUET_seeCiiBCi5BrLD2mBlAGa8yIewHfebc2m83xv8Fo/s1600/threaten.gif' alt='' class='smiley'/>");_str=_str.replace(/h-\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip-vXpD2niyiRL50AHEOqgEX2I_j9ciGiqRaK-OlqkpirZ5o5bxBE4OkqOZAjkMVK3ARjlUssodwXS_0YJ-cwxV8wWwgQP0xVjIn9eRChTQbTIqxVQayhhcl29BsWUa9FSMWUXuZZevOA/s1600/help.gif' alt='' class='smiley'/>");_str=_str.replace(/g-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ70g-7YHctRIM9W7o7EHpyEed-l9Uq-B_1dNQsZ9Cb-kWWzlCJXCrbo4F6p__JnUAKN8XAr7gJkY-eTEl3udNQqI4n4J7ijxrR6NoYbNwdpiX-dtC_QVFIk4MH6d-P_CE_gy-YCSyKUw/s1600/good.gif' alt='' class='smiley'/>");_str=_str.replace(/5-\p/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMeh8glIKmqDFENaAmRZbelj4Ritley0pRPCrbEezwr4v-u_vKTW8IoZjs_-L-hsCuWmPLn6xjqKOzTItwE3xseoqNG0dtF8rDJCOOLMr-FYWSi1wnghSFvOVBjCtQBt3xjcBmZob9zxs/s1600/beee.gif' alt='' class='smiley'/>");_str=_str.replace(/y-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioQmc9h_90HnVxEoAHxHBieaf4M0822iEfu-3EG9QR0h6Eegt6o3bQMdKE4D0FtmQq_TRe3-dkNwe-2RgLL4wmJn35o_lgqK_KUly_LLX0ME9qX9H9ppqIh9sRD1sBx4DZIYUbkIMT4zA/s1600/yahoo.gif' alt='' class='smiley'/>");_str=_str.replace(/c-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXYq09SC3DVND_pYJHGAnzuwsijF2h3bOA1rufBueFvWrbsln5KZu8Abu55rfF0O-feaMhjsxSWDOIBZ_lZe2eB_w-TOmr0CXi2kvEXJKH1zxrd2juvDjpicjPEbGBonlLzQpy1_a6oe8/s1600/crazy.gif' alt='' class='smiley'/>");_str=_str.replace(/s-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvcRE3tQyTqqv9uck8uVYSjeqGTfA7jZK_DnXG__0tOEs9WTsb1WUrgEw4gavn8PcDQVlYZ5ouu0I9qk8p0mEk-V4rNglqLQG7y_fW_Jp03sfJ-Y0xmnuKRlFi3GxlcCp5RtXZvt-5Jrs/s1600/spiteful.gif' alt='' class='smiley'/>");_str=_str.replace(/d-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFxgpl3o4qSv6FBIK4tKLig88NW8Si4StzNBmBvuttAqJQieryTYDC7LYiPw_qD9gq_OAC6eTHwuRQ0y8G40YAhHRV7zlniWrflE9qL3ck5r7JHA00FRQh9r0190baT0iOYuSyXKWgrBI/s1600/drinks.gif' alt='' class='smiley'/>");_str=_str.replace(/w-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7n9EEI_DWFNqFIQEpCcJRjYCsBzMCZuTkSvRic8HNVpPWMvUxvEF1p6nZiqn-038cNTllWyhSnnujzRvl1bGs2x9Qfvdi9s-KVpHN7FGLMtGz6MCXQ1NRZGZwAYb2zZzBt18vn8SY4X4/s1600/cheer.gif' alt='' class='smiley'/>");_str=_str.replace(/:-\h/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHWvbOeUmh-BnFdgvL_2xLnc5u5JE__UnvKC2XLGjdx81wKe5lKkfi-FjS1EgoipFfSY3jocB2WZw5vzvSUsTR04hMSPq-GZ6TawUioOqHe3e9ENQKLY5Pd9eKmUuk-Kdsb8E3Uu0-I8s/s1600/hi+2.gif' alt='' class='smiley'/>");_str=_str.replace(/:X/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifEAGWGoeEUfTDZmvsmyWQqfgwBAEwkgyR5kgX97eyzdW2PIxER0FKFPFNflryRcKOEMNc-iEHYRRzcZ7aaJdY66OlnVhNA42qOBnK-c_0OYQ3G0_lsEQnmglwSgD0TygsO-_9ROYFdi8/s1600/give_heart.gif' alt='' class='smiley'/>");_str=_str.replace(/:\-\*/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBbx3gOv9CZQ-tvh14eccfWMhTbVSRibk1XEM50MOwH9nfEiNCvnFiNAI2bm7r1Mh3RB7w1UmgmxSYUanLvA2CfwKl0Y_7IXrvxErbNop1NyMXz4CJYubUM8XD_YMv9jbVJBB_w0zBrjM/s1600/air_kiss.gif' alt='' class='smiley'/>");_str=_str.replace(/=\)\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV-AR8pAmV7vB1DhQbDmMtMyYmwQSjYyD_Wkp6GUQEhvHwJALHoEEc_CbgDXaWPArXlKtNxK4BUMhPIC_GPubW3Mmib2L2ccY_f6kBekT5PuB-R2zNMYQd5i96_LzKC0cIsfSobObG6iQ/s1600/rofl.gif' alt='' class='smiley'/>");b.item(i).innerHTML=_str;}}}
//]]>
</script>
Langkah 5. Cari pecahan arahan ini:
<b:loop values='data:post.comments' var='comment'>Langkah 6. Tulis (Copy-Paste) baris berikut di atas arahan di langkah 5:
<div id='smileys>Langkah 7. Cari tag berikut dan perhatikan dengan teliti, itu harus berada di satu tempat/penutup/ di bawah arahan dari langkah 5:
</b:loop>Langkah 8. Paste tag div di bawah ini hanya SETELAH tag di langkah 7:
</div>Langkah 9. Sekarang cari arahan ini:
a) Untuk sistem komentar sebelumnya:
Catatan: bila Anda akan menemukan 4 kali, berhenti di kedua (tekan Enter 2 kali).
<data:blogTeamBlogMessage/>b) Untuk sistem komentar berulir masukkan arahan di langkah 10 pada baris kedua (2) dan keempat (4) di bawah arahan berikut:
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
Langkah 10. Hanya sehabis baris di atas, tambahkan arahan ini:
<b:if cond='data:blog.pageType == "item"'><script type='text/j4vascript'>Langkah 11. Akhirnya, Temukan tag ]]></b:skin>:
//<![CDATA[
function moreSmilies() {
document.getElementById('smiley-more').style.display = 'inline';
document.getElementById('smiley-toggle').innerHTML = '<a href="j4vascript:lessSmilies()">Hide Emoticons</a>';
}
function lessSmilies() {
document.getElementById('smiley-more').style.display = 'none';
document.getElementById('smiley-toggle').innerHTML = '<a href="j4vascript: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/AVvXsEg1eOGH6gsCGt1RnnuqCe1XVwF5LT2kXhHT1YeKOXu6L7s0INZdV6Rt2wzOmSqlTG9KKXv1LdKHzHSBACw3hhs4TDq-zUmw4bNCYSI2TK-mRe7WhoZkm0elYXZ7I41z08kLSROhy2056QA/s1600/smile3.gif'/><div class="emos">:)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDNaybcP3DwQU5jwTniVzp5TvdhkeZjfW68juEcDT73nnKLixjceDOLMvU5EX3ZSqdozTetNmTgIVmwjP-mMWkxO3tbVWoVqCT1kUPKsoAMMV4HSNR5GUky1BJZbEPuWlTPpftWLlJ5Es/s1600/sad.gif'/><div class="emos">:(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqNfrnwgcuOuRe0-0LZKminehza0HZHADYEfHrNnoT53NzgUkb1AS3sv3ZgQ8BuEUh7CcAATbSztCGRbnXU4_rC6NHgIrm5m9G_nZ7G3pFU2aZ5JdNFbRqKDKn91JQgLky_zWXtzBvJRo/s1600/taunt.gif'/><div class="emos">:))</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3L_mHJuIUyEjRhKN52OTbO2DaClpU2hR5G9zGGBCLfQ84Htg8dimJkV0pYmPpBC-f8jMkTxQeRopvS1batcO9YQQ83Ibt2Rphei68R27K9G2UGCZpZzPivWVsWenTSc1poB2wE6rGLtg/s1600/cry2.gif'/><div class="emos">:((</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV-AR8pAmV7vB1DhQbDmMtMyYmwQSjYyD_Wkp6GUQEhvHwJALHoEEc_CbgDXaWPArXlKtNxK4BUMhPIC_GPubW3Mmib2L2ccY_f6kBekT5PuB-R2zNMYQd5i96_LzKC0cIsfSobObG6iQ/s1600/rofl.gif'/><div class="emos">=))</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiONfsMgFD3pWizO8ExnB0UcWauxrWrmq_U2dEpNYk-lS9_hjfoE71VZZqEuxGYMEEEttoM8rXDwbg858DurBZHuKtL3Ari352FLzH32_IF6M7trpHYnSu1c_HnDo0FiG2_PJTQ0nf56mk/s1600/su1cide.gif'/><div class="emos">=D></div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN1ul5XzMXSZ6_d2y-ZvKk98Zp18VET8bEcnpvKFHHIki5JpNapEAqEgXOW85VUFStY-I_UxNfCgMxenYpRXL5_c65VvOfEt0q3yInd5PTEJAwMtam3PrI6au1q0d-9PE_zw0o8iWMTCE/s1600/biggrin.gif'/><div class="emos">:D</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPyxa3x3adJP8OPfJs8eFXvG8X-dHMXTaqgOTextAr-rL-hOch5m6-8rEUvCvpY8csgSVKn3Rn-xSEB9zWP-ak8o7DSJLlUXfm8Aoq-2CPbAlYfq2XD0B4khO14bgtK7cjkl-9_Ed-6q0/s1600/tongue.gif'/><div class="emos">:P</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUWQG_TpwUG7Xe3hdArmOV4aRrNiHaM9DDxZI8xctjepALoUnQm-O7nshmxfz45Md9Bn2CV4vbVv-1HhxwYsOSR0uTEylZs1ldv57cg3wJHO9t1dgzBhB6OqkMJQSjklAHTiilX9WNVhY/s1600/shock.gif'/><div class="emos">:-O</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCKMobBKGhS6j4eRnKccLq9AWtQoasMMVbx1I2UpoGzzmo-507oS-c3ujb1p_05ALShoQ9G9W1llGCrpLeqnuP7uyFBVpE4wlJzfCQ2ngo2OtbjDUIqshYJUaIYoEpmjWrEENlD5Kxs3Q/s1600/think.gif'/><div class="emos">:-?</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje0apmtwVXRnQ3SRDavWA9fBJHsAr7VzjgmPZDmy2-C_3P0Oo882irE8smNVWUUGZzfziq9zphL1yRDPCXrgD4h9GVueo0724YRAQsDHP9KASUi6OvOuCekb9s0Nk0UYa1PbsrfdnLORM/s1600/unsure.gif'/><div class="emos">:-SS</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9VW8s-rPyCdeIamsJthItF1xaEU0gG_OQvwEt5qiWp-uhIS8Ul-lYmC5leYL5KfW9jp9ahbXVO4rYpyXVm_xHLwRC1nzIqmEBpu1UWW3nP_7iILxDC2GrGhTwoUwEuduwjSYFVaaKYB0/s1600/flowers1.gif'/><div class="emos">:-f</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8njtMzGIJ0_v5WoeaOgucE7_P4CPJMX2HcP04gYSqxWNJ9V-WE9IdIstWmsewlBQDiQEX2Lyy-CIUxcRkoXNJi5lBeCbEdAFbyeRIgSXnMO4vL8bIobgKi141lE0FflAaGKzGdRC_Cao/s1600/doh.gif'/><div class="emos">d(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBbx3gOv9CZQ-tvh14eccfWMhTbVSRibk1XEM50MOwH9nfEiNCvnFiNAI2bm7r1Mh3RB7w1UmgmxSYUanLvA2CfwKl0Y_7IXrvxErbNop1NyMXz4CJYubUM8XD_YMv9jbVJBB_w0zBrjM/s1600/air_kiss.gif'/><div class="emos">:-*</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhejaCrtNKsf0BfAOK2tlQVk4wNEZNSEsZ8rwb3Y3Dz5B41SAW1b0D2YY-KBj1llGnI5oEJfjEPlcspoBRC4UmbHnqOK2BHcamUET_seeCiiBCi5BrLD2mBlAGa8yIewHfebc2m83xv8Fo/s1600/threaten.gif'/><div class="emos">b-(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip-vXpD2niyiRL50AHEOqgEX2I_j9ciGiqRaK-OlqkpirZ5o5bxBE4OkqOZAjkMVK3ARjlUssodwXS_0YJ-cwxV8wWwgQP0xVjIn9eRChTQbTIqxVQayhhcl29BsWUa9FSMWUXuZZevOA/s1600/help.gif'/><div class="emos">h-(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ70g-7YHctRIM9W7o7EHpyEed-l9Uq-B_1dNQsZ9Cb-kWWzlCJXCrbo4F6p__JnUAKN8XAr7gJkY-eTEl3udNQqI4n4J7ijxrR6NoYbNwdpiX-dtC_QVFIk4MH6d-P_CE_gy-YCSyKUw/s1600/good.gif'/><div class="emos">g-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMeh8glIKmqDFENaAmRZbelj4Ritley0pRPCrbEezwr4v-u_vKTW8IoZjs_-L-hsCuWmPLn6xjqKOzTItwE3xseoqNG0dtF8rDJCOOLMr-FYWSi1wnghSFvOVBjCtQBt3xjcBmZob9zxs/s1600/beee.gif'/><div class="emos">5-p</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioQmc9h_90HnVxEoAHxHBieaf4M0822iEfu-3EG9QR0h6Eegt6o3bQMdKE4D0FtmQq_TRe3-dkNwe-2RgLL4wmJn35o_lgqK_KUly_LLX0ME9qX9H9ppqIh9sRD1sBx4DZIYUbkIMT4zA/s1600/yahoo.gif'/><div class="emos">y-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXYq09SC3DVND_pYJHGAnzuwsijF2h3bOA1rufBueFvWrbsln5KZu8Abu55rfF0O-feaMhjsxSWDOIBZ_lZe2eB_w-TOmr0CXi2kvEXJKH1zxrd2juvDjpicjPEbGBonlLzQpy1_a6oe8/s1600/crazy.gif'/><div class="emos">c-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvcRE3tQyTqqv9uck8uVYSjeqGTfA7jZK_DnXG__0tOEs9WTsb1WUrgEw4gavn8PcDQVlYZ5ouu0I9qk8p0mEk-V4rNglqLQG7y_fW_Jp03sfJ-Y0xmnuKRlFi3GxlcCp5RtXZvt-5Jrs/s1600/spiteful.gif'/><div class="emos">s-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFxgpl3o4qSv6FBIK4tKLig88NW8Si4StzNBmBvuttAqJQieryTYDC7LYiPw_qD9gq_OAC6eTHwuRQ0y8G40YAhHRV7zlniWrflE9qL3ck5r7JHA00FRQh9r0190baT0iOYuSyXKWgrBI/s1600/drinks.gif'/><div class="emos">d-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7n9EEI_DWFNqFIQEpCcJRjYCsBzMCZuTkSvRic8HNVpPWMvUxvEF1p6nZiqn-038cNTllWyhSnnujzRvl1bGs2x9Qfvdi9s-KVpHN7FGLMtGz6MCXQ1NRZGZwAYb2zZzBt18vn8SY4X4/s1600/cheer.gif'/><div class="emos">w-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHWvbOeUmh-BnFdgvL_2xLnc5u5JE__UnvKC2XLGjdx81wKe5lKkfi-FjS1EgoipFfSY3jocB2WZw5vzvSUsTR04hMSPq-GZ6TawUioOqHe3e9ENQKLY5Pd9eKmUuk-Kdsb8E3Uu0-I8s/s1600/hi+2.gif'/><div class="emos">:-h</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifEAGWGoeEUfTDZmvsmyWQqfgwBAEwkgyR5kgX97eyzdW2PIxER0FKFPFNflryRcKOEMNc-iEHYRRzcZ7aaJdY66OlnVhNA42qOBnK-c_0OYQ3G0_lsEQnmglwSgD0TygsO-_9ROYFdi8/s1600/give_heart.gif'/><div class="emos">:X</div></div>
</span>
<span id='smiley-toggle'><a href='j4vascript:moreSmilies()'>Show Emoticons <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1eOGH6gsCGt1RnnuqCe1XVwF5LT2kXhHT1YeKOXu6L7s0INZdV6Rt2wzOmSqlTG9KKXv1LdKHzHSBACw3hhs4TDq-zUmw4bNCYSI2TK-mRe7WhoZkm0elYXZ7I41z08kLSROhy2056QA/s1600/smile3.gif'/></a></span>
</div></b:if>
]]></b:skin>
Langkah 12. Tambahkan arahan CSS di atas
Baca dengan teliti setiap langkah-langkahnyaagar tidak menemukan error, bila 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 final menambahkan emoticon di Blogger komentar.
Baca dengan teliti setiap langkah-langkahnyaagar tidak menemukan error, bila ada yang ingin bertanya silahkan berkomentar, Enjoy!
Sumber http://duniatutorials.blogspot.com
Mari berteman dengan saya
Follow my Instagram _yudha58
0 Response to "Cara Menambahkan Emoticon/Smileys Di Komentar Blogger"
Posting Komentar