Cara Menambahkan Emoticon/Smileys Di Komentar Blogger
Emoticon atau smiley faces yakni cara yang anggun untuk menciptakan komentar lebih menarik dan menyenangkan, sehingga sangat disayangkan kalau 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 instruksi dan tekan tombol CTRL + F untuk membuka kotak pencarian
Langkah 3. Cari (CTRL + F) untuk tag ini:
</body>Langkah 4. Sekarang perhatikan instruksi yang harus Anda gunakan. Jika komentar Anda tidak mempunyai tombol reply, maka Anda memakai sistem komentar sebelumnya, kalau tidak mencari instruksi 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/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/AVvXsEjYJHPi4JxZ3uvdtvRP6gXdg6fEAUWhYZiPdVzSbfByxJ7LLSU-D5oY0yHJzC-8sPLsc-253ubB9Q5U0B8MmrdPRkO05zp2LRq9GPIzbMoOTKq5AvPgLAN0kPbkRQ8CU0btMbDsrD8nJGY/s1600/taunt.gif'/>");
theText = theText.replace(/=d>/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWRJ6Jdnr_NF_NxUIpSw99HPqLYyYf2BRxHqhzt58rtfVwHkSqJXj2QWwltyzc3oxtKybpDjCwm9qQifLU5Y6B0Z2wI-DmjDsDGAdfG3WxluWqqfZq8Jr6flvVSNnXja_g_ly8wyCjR3s/s1600/suicide.gif'/>");
theText = theText.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkeN9lk0RvcdP3tdVlnKN8wCega64oI2hnrmlrsIzF7otTuKxJJe6CkzpWBZOl5aBWOtJuPuPtftYv8FVE0hvvgH4eSw7TPP6XUY2uIuVyPyYRXMOrV5x9lPnF2JjjY2rMMv_FgfsGyMY/s1600/biggrin.gif'/>");
theText = theText.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY5u8G9cn7JRFxu6f8RjWZyLJB-Eyy6TtCldK89AC78_uSNBwJLSr7cyelOW0CB7_5KyaKP5TgOaf0EttkWQnSJQ03NEpCMvRDsA92QcY6mFDlYaiaXhsvbKXjk9xkcwTR6jHgsPI38WI/s1600/tongue.gif'/>");
theText = theText.replace(/:\(\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr7ah7GLllA54Jr-yPXYblX4alb2X2dnA531CHstpbYxdBHHGEl78KMQES78Aa0figLw3Izxvj-UuVE4LtZjLgKFvrq_ZnuLWKYUd6Qg1FbkwiIl2zNf7NAN6BxlfUnpw10hoviDtAqnM/s1600/cry2.gif'/>");
theText = theText.replace(/:\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin1Jr5x7KIUHTIBhCNz2OGAmSIjalOzjm6WA5aNI84yHYQIv4mfA9TPZI2_ykqbOdRPF27KGefarKVXP_xqUh4Vy1SaRYZENxyca05VyOamktMxip0ziqU29JeFvp5q2viv1xu_fJ0Sfo/s1600/smile3.gif'/>");
theText = theText.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFPIJXH0cdloakQlF5rhXBdEvPVjwUl74qhd9FiyYI8MM_ES3_cc-ZtALsXbK3OMXkHAjBffwLdZ1Y9sKbX-pEQ3tyd5aw7c-t8vdr9CyPRJNxKR8ps021qaWcq5hWt63-AAutKyHsx5A/s1600/sad.gif'/>");
theText = theText.replace(/:-\?/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCjtYTPl766XxNldsLILm6cOfo9wSEf6HHvFRCW12jyjwYgGl5Tvt92MauM_xmmzL22UuCGR5nUpKR9toToI7kNNay_4dDgwC5mKwVom3FpWkhscN4qXCeZi1khnhX2j4HA4oKHk7gYF4/s1600/think.gif'/>");
theText = theText.replace(/d\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-fPVMEtonQuc5TsJ5P0EPgqI8R2w5EB1lFlMBQ-ufrzyoF8mzW0ZLJhhLdW09G_QRtS6UEDGUCbboHfP2eK5x_F9X9FG7mmM2y4i8WYBHg0Pk1VtHsdDfMbkJzUlE2qH6Q0YtO83EPhA/s1600/doh.gif'/>");
theText = theText.replace(/:-o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjatZRhQofPWtJPDzBxW8horhJgMAxbP5bKMdSv9ReDjuFuArCxXSPhpUE6ppWsGmK7vAnLjuDD3Ja8ulQWfN_XFBjclEhRNJF-rYY6DUNyPjYdG5xJO3z_ZRq4Fz0QAS1mHJXJXeTK2l0/s1600/shock.gif'/>");
theText = theText.replace(/:-f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_F6wqu0p_I2p34n3OD0veTM-YNp1iFtPRZiUaVhp_I3CyIbP1pn5KTLvOX82p2Iv57bN7kmI897msAHFRJfQCWeLAmOnZj-ea7b5gjKUBMEfbs_3BBFBQJlwVPYP8S2Zrqrxm6L5feU/s1600/flowers1.gif'/>");
theText = theText.replace(/:-ss/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA5w77vcWE5dz6HfPqZFzfMo4rdRsEE-5tpw1r4TIR9mVzyv3RvLAL-6nbETi5rmc5lDWMtGubq4uI1VksMvnkNMLgJ-hXi0FerIM8pCCAOT6XuYMn30CWByGBbnTl20e5hPutznZrdBY/s1600/unsure.gif'/>");
theText = theText.replace(/b-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWG_Vxjliz49jmHuHePwSOYfuuqpuMKQxnYsamgLKQaJ9fL8amg1JPOPAF0qSbt4lQTm2viGp0HLFcTEMb7iepj9ajV2Z-9SgomdURZa5n_8WKBJDB94U-bOy_e1LTXmr9EJBgBk1yPXs/s1600/threaten.gif'/>");
theText = theText.replace(/h-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYZ4wMHJql3s3Fw5IOf8B6RcvujXUkeaQ_9auBwLXOKSzP6IYgjA8w2Zw_BBR7z8JXD-UrYPEd3QQ7yQTMwULu35UPzNyWaJ5eDRqKsRzRZK1hYPKo3AVZ6jbKs_G4Wc6l3gLWx8PNuKQ/s1600/help.gif'/>");
theText = theText.replace(/g-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKQkV2mNQV0T9OQnssHhnedzdM2wNKxD_-Blm9P_cNn0bmsJsI7l-BIesv7ujf7T93PWj9NM3R5oJcqtMGycMGNo86klnCRxgvMbRjkP_6aHpPFZ833RWjXd1htkcj-XOEFnfHJyghFBw/s1600/good.gif'/>");
theText = theText.replace(/5-\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtus9qad2gteBIiQ_9INkQyQxCn4x5tHPZ58gGAIIfZiuoutkXyBusRJpj-eMxsz96WgFbTfqn55qI7NJTHdJDAwRRjjKtRonOZVDvguaiOJ-bLSN8r16WvrumtMee1K7Ceh6CDITzGiY/s1600/beee.gif'/>");
theText = theText.replace(/y-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDHmPtPSnErHxBm8j1kZrLWO1myvw2-18fodmScFvh3rza3HVzYtR1-EKS9i-3hbKe-65sW9RatQ-LM39QDydZdYSalqjrNHOssN2xOdLg0HYZpThwoQi9X3DduqVD4wWKE8oYElHAJAY/s1600/yahoo.gif'/>");
theText = theText.replace(/c-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKZ0J1Ngf6oaaej4LjUR3FmizBJx8kaI09OszEg23rWfk06mHhIv0RevFHDqgaLBKfAlLSceIC16GLAewdGgs-f9_-Jh1V-oBxKppn-hOTbZAl7ekVLi7DPH9B5InxkCPJWCPm1kpW-Zg/s1600/crazy.gif'/>");
theText = theText.replace(/s-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpICv8d6v1QPifL6aADkqydNfIJbOfxL790NUAf8FexXzHcJlW3ZW-xjpN2lzd13rKLHhHeLRPMPsqJUeDS0KAQ_Dz5bx29zFUFoo63P9y1iu7HF1tdxa_DKGU5HMXH9kvkRGlA3Sfp08/s1600/spiteful.gif'/>");
theText = theText.replace(/d-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDkDO6zkgj2Y8OXq4R49hY2jN5T_vtjKzFdnxkPDasyhCxGaJ3M6I02DfxYyiBsYeO-o1f-4XhLoyyVlHW992qD7fK6z7mjXslfWl117sjmiH5YXhwPZqjNiLSHfOO4uAjGxUAov9ZpKk/s1600/drinks.gif'/>");
theText = theText.replace(/w-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1zNhn4N8xAy231K9tlQ6x653GG2r84eIRdF6fI_4I4QVyMay4tHoeFtZUTY80_OCsReoACGucVS6aI9ASW6dKqEX2FGDsF8r-uQd95DBLPCqOYcLx91FY_hgRSAfrotqLUApPYfAbAhk/s1600/cheer.gif'/>");
theText = theText.replace(/:-\h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKFQnbmvRUAHhdpr-FReVirjOfcCgUUeJWpu1_YJXrblmuZxhsYPSiwKo-Jjph6GLrE_k-31CYIOff-_I6lnBCUU9Jl1kch6tRnhydKftam5UqgXhnSt5nVZx2dA9QZZN7tZWK1jz4J0Q/s1600/hi+2.gif'/>");
theText = theText.replace(/:X/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU6NLLi4dJp8PiE-c0gIytyOiVHcg-OWe_J0uHMZ9Re-5jQJY-m6rzqKY742c7fZRPY8xZ-IV0jYGq_nUK8CAKyiFPK2Xa5kZlzr-ltk9o0NxVsUx1sGVFCbVJrLXZ4a-T0c4xizMRER8/s1600/give_heart.gif'/>");
theText = theText.replace(/:\-\*/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvhjKvdPOfIwv58eJvsGPv_m_Gxq5P33Xdz1GXv9YPvZr0qNyMqEjrSf1151pA__N0Y5VMt1wg5Kiecj-Ryr4S7p_AdRrRX9hGP8onJAMdFEH-apuQfqJCsUdLkB14-ik6Y2C8npu4t7E/s1600/air_kiss.gif'/>");
theText = theText.replace(/=\)\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqneUnVHND9p4Xr5RNDSFSFQrVW42tyepTiZKRTMvV9lfMZK2RF_Tx0ZFdHhM9gm3csPU1GDlNOdJVtV17WqZLKJtvz5aIL9u2_in0TGGKtt-vpA8Kgqcq0DNDxUUPgbhg5PHarv2o5D0/s1600/rofl.gif'/>");
bodyText.innerHTML = theText;
}
replaceText();
//]]>
</script>
<!--kolobok-smileys-->
<script type='text/javascript'>Catatan: Abaikan langkah 5-8, kalau 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/AVvXsEjYJHPi4JxZ3uvdtvRP6gXdg6fEAUWhYZiPdVzSbfByxJ7LLSU-D5oY0yHJzC-8sPLsc-253ubB9Q5U0B8MmrdPRkO05zp2LRq9GPIzbMoOTKq5AvPgLAN0kPbkRQ8CU0btMbDsrD8nJGY/s1600/taunt.gif' alt='' class='smiley'/>");_str=_str.replace(/=d>/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWRJ6Jdnr_NF_NxUIpSw99HPqLYyYf2BRxHqhzt58rtfVwHkSqJXj2QWwltyzc3oxtKybpDjCwm9qQifLU5Y6B0Z2wI-DmjDsDGAdfG3WxluWqqfZq8Jr6flvVSNnXja_g_ly8wyCjR3s/s1600/suicide.gif' alt='' class='smiley'/>");_str=_str.replace(/:d/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkeN9lk0RvcdP3tdVlnKN8wCega64oI2hnrmlrsIzF7otTuKxJJe6CkzpWBZOl5aBWOtJuPuPtftYv8FVE0hvvgH4eSw7TPP6XUY2uIuVyPyYRXMOrV5x9lPnF2JjjY2rMMv_FgfsGyMY/s1600/biggrin.gif' alt='' class='smiley'/>");_str=_str.replace(/:p/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY5u8G9cn7JRFxu6f8RjWZyLJB-Eyy6TtCldK89AC78_uSNBwJLSr7cyelOW0CB7_5KyaKP5TgOaf0EttkWQnSJQ03NEpCMvRDsA92QcY6mFDlYaiaXhsvbKXjk9xkcwTR6jHgsPI38WI/s1600/tongue.gif' alt='' class='smiley'/>");_str=_str.replace(/:\(\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr7ah7GLllA54Jr-yPXYblX4alb2X2dnA531CHstpbYxdBHHGEl78KMQES78Aa0figLw3Izxvj-UuVE4LtZjLgKFvrq_ZnuLWKYUd6Qg1FbkwiIl2zNf7NAN6BxlfUnpw10hoviDtAqnM/s1600/cry2.gif' alt='' class='smiley'/>");_str=_str.replace(/:\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin1Jr5x7KIUHTIBhCNz2OGAmSIjalOzjm6WA5aNI84yHYQIv4mfA9TPZI2_ykqbOdRPF27KGefarKVXP_xqUh4Vy1SaRYZENxyca05VyOamktMxip0ziqU29JeFvp5q2viv1xu_fJ0Sfo/s1600/smile3.gif' alt='' class='smiley'/>");_str=_str.replace(/:\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFPIJXH0cdloakQlF5rhXBdEvPVjwUl74qhd9FiyYI8MM_ES3_cc-ZtALsXbK3OMXkHAjBffwLdZ1Y9sKbX-pEQ3tyd5aw7c-t8vdr9CyPRJNxKR8ps021qaWcq5hWt63-AAutKyHsx5A/s1600/sad.gif' alt='' class='smiley'/>");_str=_str.replace(/:-\?/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCjtYTPl766XxNldsLILm6cOfo9wSEf6HHvFRCW12jyjwYgGl5Tvt92MauM_xmmzL22UuCGR5nUpKR9toToI7kNNay_4dDgwC5mKwVom3FpWkhscN4qXCeZi1khnhX2j4HA4oKHk7gYF4/s1600/think.gif' alt='' class='smiley'/>");_str=_str.replace(/d\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-fPVMEtonQuc5TsJ5P0EPgqI8R2w5EB1lFlMBQ-ufrzyoF8mzW0ZLJhhLdW09G_QRtS6UEDGUCbboHfP2eK5x_F9X9FG7mmM2y4i8WYBHg0Pk1VtHsdDfMbkJzUlE2qH6Q0YtO83EPhA/s1600/doh.gif' alt='' class='smiley'/>");_str=_str.replace(/:-o/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjatZRhQofPWtJPDzBxW8horhJgMAxbP5bKMdSv9ReDjuFuArCxXSPhpUE6ppWsGmK7vAnLjuDD3Ja8ulQWfN_XFBjclEhRNJF-rYY6DUNyPjYdG5xJO3z_ZRq4Fz0QAS1mHJXJXeTK2l0/s1600/shock.gif' alt='' class='smiley'/>");_str=_str.replace(/:-f/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_F6wqu0p_I2p34n3OD0veTM-YNp1iFtPRZiUaVhp_I3CyIbP1pn5KTLvOX82p2Iv57bN7kmI897msAHFRJfQCWeLAmOnZj-ea7b5gjKUBMEfbs_3BBFBQJlwVPYP8S2Zrqrxm6L5feU/s1600/flowers1.gif' alt='' class='smiley'/>");_str=_str.replace(/:-ss/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA5w77vcWE5dz6HfPqZFzfMo4rdRsEE-5tpw1r4TIR9mVzyv3RvLAL-6nbETi5rmc5lDWMtGubq4uI1VksMvnkNMLgJ-hXi0FerIM8pCCAOT6XuYMn30CWByGBbnTl20e5hPutznZrdBY/s1600/unsure.gif' alt='' class='smiley'/>");_str=_str.replace(/b-\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWG_Vxjliz49jmHuHePwSOYfuuqpuMKQxnYsamgLKQaJ9fL8amg1JPOPAF0qSbt4lQTm2viGp0HLFcTEMb7iepj9ajV2Z-9SgomdURZa5n_8WKBJDB94U-bOy_e1LTXmr9EJBgBk1yPXs/s1600/threaten.gif' alt='' class='smiley'/>");_str=_str.replace(/h-\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYZ4wMHJql3s3Fw5IOf8B6RcvujXUkeaQ_9auBwLXOKSzP6IYgjA8w2Zw_BBR7z8JXD-UrYPEd3QQ7yQTMwULu35UPzNyWaJ5eDRqKsRzRZK1hYPKo3AVZ6jbKs_G4Wc6l3gLWx8PNuKQ/s1600/help.gif' alt='' class='smiley'/>");_str=_str.replace(/g-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKQkV2mNQV0T9OQnssHhnedzdM2wNKxD_-Blm9P_cNn0bmsJsI7l-BIesv7ujf7T93PWj9NM3R5oJcqtMGycMGNo86klnCRxgvMbRjkP_6aHpPFZ833RWjXd1htkcj-XOEFnfHJyghFBw/s1600/good.gif' alt='' class='smiley'/>");_str=_str.replace(/5-\p/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtus9qad2gteBIiQ_9INkQyQxCn4x5tHPZ58gGAIIfZiuoutkXyBusRJpj-eMxsz96WgFbTfqn55qI7NJTHdJDAwRRjjKtRonOZVDvguaiOJ-bLSN8r16WvrumtMee1K7Ceh6CDITzGiY/s1600/beee.gif' alt='' class='smiley'/>");_str=_str.replace(/y-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDHmPtPSnErHxBm8j1kZrLWO1myvw2-18fodmScFvh3rza3HVzYtR1-EKS9i-3hbKe-65sW9RatQ-LM39QDydZdYSalqjrNHOssN2xOdLg0HYZpThwoQi9X3DduqVD4wWKE8oYElHAJAY/s1600/yahoo.gif' alt='' class='smiley'/>");_str=_str.replace(/c-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKZ0J1Ngf6oaaej4LjUR3FmizBJx8kaI09OszEg23rWfk06mHhIv0RevFHDqgaLBKfAlLSceIC16GLAewdGgs-f9_-Jh1V-oBxKppn-hOTbZAl7ekVLi7DPH9B5InxkCPJWCPm1kpW-Zg/s1600/crazy.gif' alt='' class='smiley'/>");_str=_str.replace(/s-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpICv8d6v1QPifL6aADkqydNfIJbOfxL790NUAf8FexXzHcJlW3ZW-xjpN2lzd13rKLHhHeLRPMPsqJUeDS0KAQ_Dz5bx29zFUFoo63P9y1iu7HF1tdxa_DKGU5HMXH9kvkRGlA3Sfp08/s1600/spiteful.gif' alt='' class='smiley'/>");_str=_str.replace(/d-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDkDO6zkgj2Y8OXq4R49hY2jN5T_vtjKzFdnxkPDasyhCxGaJ3M6I02DfxYyiBsYeO-o1f-4XhLoyyVlHW992qD7fK6z7mjXslfWl117sjmiH5YXhwPZqjNiLSHfOO4uAjGxUAov9ZpKk/s1600/drinks.gif' alt='' class='smiley'/>");_str=_str.replace(/w-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1zNhn4N8xAy231K9tlQ6x653GG2r84eIRdF6fI_4I4QVyMay4tHoeFtZUTY80_OCsReoACGucVS6aI9ASW6dKqEX2FGDsF8r-uQd95DBLPCqOYcLx91FY_hgRSAfrotqLUApPYfAbAhk/s1600/cheer.gif' alt='' class='smiley'/>");_str=_str.replace(/:-\h/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKFQnbmvRUAHhdpr-FReVirjOfcCgUUeJWpu1_YJXrblmuZxhsYPSiwKo-Jjph6GLrE_k-31CYIOff-_I6lnBCUU9Jl1kch6tRnhydKftam5UqgXhnSt5nVZx2dA9QZZN7tZWK1jz4J0Q/s1600/hi+2.gif' alt='' class='smiley'/>");_str=_str.replace(/:X/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU6NLLi4dJp8PiE-c0gIytyOiVHcg-OWe_J0uHMZ9Re-5jQJY-m6rzqKY742c7fZRPY8xZ-IV0jYGq_nUK8CAKyiFPK2Xa5kZlzr-ltk9o0NxVsUx1sGVFCbVJrLXZ4a-T0c4xizMRER8/s1600/give_heart.gif' alt='' class='smiley'/>");_str=_str.replace(/:\-\*/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvhjKvdPOfIwv58eJvsGPv_m_Gxq5P33Xdz1GXv9YPvZr0qNyMqEjrSf1151pA__N0Y5VMt1wg5Kiecj-Ryr4S7p_AdRrRX9hGP8onJAMdFEH-apuQfqJCsUdLkB14-ik6Y2C8npu4t7E/s1600/air_kiss.gif' alt='' class='smiley'/>");_str=_str.replace(/=\)\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqneUnVHND9p4Xr5RNDSFSFQrVW42tyepTiZKRTMvV9lfMZK2RF_Tx0ZFdHhM9gm3csPU1GDlNOdJVtV17WqZLKJtvz5aIL9u2_in0TGGKtt-vpA8Kgqcq0DNDxUUPgbhg5PHarv2o5D0/s1600/rofl.gif' alt='' class='smiley'/>");b.item(i).innerHTML=_str;}}}
//]]>
</script>
Langkah 5. Cari pecahan instruksi ini:
<b:loop values='data:post.comments' var='comment'>Langkah 6. Tulis (Copy-Paste) baris berikut di atas instruksi di langkah 5:
<div id='smileys>Langkah 7. Cari tag berikut dan perhatikan dengan teliti, itu harus berada di satu tempat/penutup/ di bawah instruksi dari langkah 5:
</b:loop>Langkah 8. Paste tag div di bawah ini hanya SETELAH tag di langkah 7:
</div>Langkah 9. Sekarang cari instruksi ini:
a) Untuk sistem komentar sebelumnya:
Catatan: kalau Anda akan menemukan 4 kali, berhenti di kedua (tekan Enter 2 kali).
<data:blogTeamBlogMessage/>b) Untuk sistem komentar berulir masukkan instruksi di langkah 10 pada baris kedua (2) dan keempat (4) di bawah instruksi berikut:
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
Langkah 10. Hanya sesudah baris di atas, tambahkan instruksi 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/AVvXsEin1Jr5x7KIUHTIBhCNz2OGAmSIjalOzjm6WA5aNI84yHYQIv4mfA9TPZI2_ykqbOdRPF27KGefarKVXP_xqUh4Vy1SaRYZENxyca05VyOamktMxip0ziqU29JeFvp5q2viv1xu_fJ0Sfo/s1600/smile3.gif'/><div class="emos">:)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFPIJXH0cdloakQlF5rhXBdEvPVjwUl74qhd9FiyYI8MM_ES3_cc-ZtALsXbK3OMXkHAjBffwLdZ1Y9sKbX-pEQ3tyd5aw7c-t8vdr9CyPRJNxKR8ps021qaWcq5hWt63-AAutKyHsx5A/s1600/sad.gif'/><div class="emos">:(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYJHPi4JxZ3uvdtvRP6gXdg6fEAUWhYZiPdVzSbfByxJ7LLSU-D5oY0yHJzC-8sPLsc-253ubB9Q5U0B8MmrdPRkO05zp2LRq9GPIzbMoOTKq5AvPgLAN0kPbkRQ8CU0btMbDsrD8nJGY/s1600/taunt.gif'/><div class="emos">:))</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr7ah7GLllA54Jr-yPXYblX4alb2X2dnA531CHstpbYxdBHHGEl78KMQES78Aa0figLw3Izxvj-UuVE4LtZjLgKFvrq_ZnuLWKYUd6Qg1FbkwiIl2zNf7NAN6BxlfUnpw10hoviDtAqnM/s1600/cry2.gif'/><div class="emos">:((</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqneUnVHND9p4Xr5RNDSFSFQrVW42tyepTiZKRTMvV9lfMZK2RF_Tx0ZFdHhM9gm3csPU1GDlNOdJVtV17WqZLKJtvz5aIL9u2_in0TGGKtt-vpA8Kgqcq0DNDxUUPgbhg5PHarv2o5D0/s1600/rofl.gif'/><div class="emos">=))</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWRJ6Jdnr_NF_NxUIpSw99HPqLYyYf2BRxHqhzt58rtfVwHkSqJXj2QWwltyzc3oxtKybpDjCwm9qQifLU5Y6B0Z2wI-DmjDsDGAdfG3WxluWqqfZq8Jr6flvVSNnXja_g_ly8wyCjR3s/s1600/suicide.gif'/><div class="emos">=D></div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkeN9lk0RvcdP3tdVlnKN8wCega64oI2hnrmlrsIzF7otTuKxJJe6CkzpWBZOl5aBWOtJuPuPtftYv8FVE0hvvgH4eSw7TPP6XUY2uIuVyPyYRXMOrV5x9lPnF2JjjY2rMMv_FgfsGyMY/s1600/biggrin.gif'/><div class="emos">:D</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY5u8G9cn7JRFxu6f8RjWZyLJB-Eyy6TtCldK89AC78_uSNBwJLSr7cyelOW0CB7_5KyaKP5TgOaf0EttkWQnSJQ03NEpCMvRDsA92QcY6mFDlYaiaXhsvbKXjk9xkcwTR6jHgsPI38WI/s1600/tongue.gif'/><div class="emos">:P</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjatZRhQofPWtJPDzBxW8horhJgMAxbP5bKMdSv9ReDjuFuArCxXSPhpUE6ppWsGmK7vAnLjuDD3Ja8ulQWfN_XFBjclEhRNJF-rYY6DUNyPjYdG5xJO3z_ZRq4Fz0QAS1mHJXJXeTK2l0/s1600/shock.gif'/><div class="emos">:-O</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCjtYTPl766XxNldsLILm6cOfo9wSEf6HHvFRCW12jyjwYgGl5Tvt92MauM_xmmzL22UuCGR5nUpKR9toToI7kNNay_4dDgwC5mKwVom3FpWkhscN4qXCeZi1khnhX2j4HA4oKHk7gYF4/s1600/think.gif'/><div class="emos">:-?</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA5w77vcWE5dz6HfPqZFzfMo4rdRsEE-5tpw1r4TIR9mVzyv3RvLAL-6nbETi5rmc5lDWMtGubq4uI1VksMvnkNMLgJ-hXi0FerIM8pCCAOT6XuYMn30CWByGBbnTl20e5hPutznZrdBY/s1600/unsure.gif'/><div class="emos">:-SS</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_F6wqu0p_I2p34n3OD0veTM-YNp1iFtPRZiUaVhp_I3CyIbP1pn5KTLvOX82p2Iv57bN7kmI897msAHFRJfQCWeLAmOnZj-ea7b5gjKUBMEfbs_3BBFBQJlwVPYP8S2Zrqrxm6L5feU/s1600/flowers1.gif'/><div class="emos">:-f</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-fPVMEtonQuc5TsJ5P0EPgqI8R2w5EB1lFlMBQ-ufrzyoF8mzW0ZLJhhLdW09G_QRtS6UEDGUCbboHfP2eK5x_F9X9FG7mmM2y4i8WYBHg0Pk1VtHsdDfMbkJzUlE2qH6Q0YtO83EPhA/s1600/doh.gif'/><div class="emos">d(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvhjKvdPOfIwv58eJvsGPv_m_Gxq5P33Xdz1GXv9YPvZr0qNyMqEjrSf1151pA__N0Y5VMt1wg5Kiecj-Ryr4S7p_AdRrRX9hGP8onJAMdFEH-apuQfqJCsUdLkB14-ik6Y2C8npu4t7E/s1600/air_kiss.gif'/><div class="emos">:-*</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWG_Vxjliz49jmHuHePwSOYfuuqpuMKQxnYsamgLKQaJ9fL8amg1JPOPAF0qSbt4lQTm2viGp0HLFcTEMb7iepj9ajV2Z-9SgomdURZa5n_8WKBJDB94U-bOy_e1LTXmr9EJBgBk1yPXs/s1600/threaten.gif'/><div class="emos">b-(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYZ4wMHJql3s3Fw5IOf8B6RcvujXUkeaQ_9auBwLXOKSzP6IYgjA8w2Zw_BBR7z8JXD-UrYPEd3QQ7yQTMwULu35UPzNyWaJ5eDRqKsRzRZK1hYPKo3AVZ6jbKs_G4Wc6l3gLWx8PNuKQ/s1600/help.gif'/><div class="emos">h-(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKQkV2mNQV0T9OQnssHhnedzdM2wNKxD_-Blm9P_cNn0bmsJsI7l-BIesv7ujf7T93PWj9NM3R5oJcqtMGycMGNo86klnCRxgvMbRjkP_6aHpPFZ833RWjXd1htkcj-XOEFnfHJyghFBw/s1600/good.gif'/><div class="emos">g-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtus9qad2gteBIiQ_9INkQyQxCn4x5tHPZ58gGAIIfZiuoutkXyBusRJpj-eMxsz96WgFbTfqn55qI7NJTHdJDAwRRjjKtRonOZVDvguaiOJ-bLSN8r16WvrumtMee1K7Ceh6CDITzGiY/s1600/beee.gif'/><div class="emos">5-p</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDHmPtPSnErHxBm8j1kZrLWO1myvw2-18fodmScFvh3rza3HVzYtR1-EKS9i-3hbKe-65sW9RatQ-LM39QDydZdYSalqjrNHOssN2xOdLg0HYZpThwoQi9X3DduqVD4wWKE8oYElHAJAY/s1600/yahoo.gif'/><div class="emos">y-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKZ0J1Ngf6oaaej4LjUR3FmizBJx8kaI09OszEg23rWfk06mHhIv0RevFHDqgaLBKfAlLSceIC16GLAewdGgs-f9_-Jh1V-oBxKppn-hOTbZAl7ekVLi7DPH9B5InxkCPJWCPm1kpW-Zg/s1600/crazy.gif'/><div class="emos">c-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpICv8d6v1QPifL6aADkqydNfIJbOfxL790NUAf8FexXzHcJlW3ZW-xjpN2lzd13rKLHhHeLRPMPsqJUeDS0KAQ_Dz5bx29zFUFoo63P9y1iu7HF1tdxa_DKGU5HMXH9kvkRGlA3Sfp08/s1600/spiteful.gif'/><div class="emos">s-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDkDO6zkgj2Y8OXq4R49hY2jN5T_vtjKzFdnxkPDasyhCxGaJ3M6I02DfxYyiBsYeO-o1f-4XhLoyyVlHW992qD7fK6z7mjXslfWl117sjmiH5YXhwPZqjNiLSHfOO4uAjGxUAov9ZpKk/s1600/drinks.gif'/><div class="emos">d-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1zNhn4N8xAy231K9tlQ6x653GG2r84eIRdF6fI_4I4QVyMay4tHoeFtZUTY80_OCsReoACGucVS6aI9ASW6dKqEX2FGDsF8r-uQd95DBLPCqOYcLx91FY_hgRSAfrotqLUApPYfAbAhk/s1600/cheer.gif'/><div class="emos">w-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKFQnbmvRUAHhdpr-FReVirjOfcCgUUeJWpu1_YJXrblmuZxhsYPSiwKo-Jjph6GLrE_k-31CYIOff-_I6lnBCUU9Jl1kch6tRnhydKftam5UqgXhnSt5nVZx2dA9QZZN7tZWK1jz4J0Q/s1600/hi+2.gif'/><div class="emos">:-h</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU6NLLi4dJp8PiE-c0gIytyOiVHcg-OWe_J0uHMZ9Re-5jQJY-m6rzqKY742c7fZRPY8xZ-IV0jYGq_nUK8CAKyiFPK2Xa5kZlzr-ltk9o0NxVsUx1sGVFCbVJrLXZ4a-T0c4xizMRER8/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/AVvXsEin1Jr5x7KIUHTIBhCNz2OGAmSIjalOzjm6WA5aNI84yHYQIv4mfA9TPZI2_ykqbOdRPF27KGefarKVXP_xqUh4Vy1SaRYZENxyca05VyOamktMxip0ziqU29JeFvp5q2viv1xu_fJ0Sfo/s1600/smile3.gif'/></a></span>
</div></b:if>
]]></b:skin>
Langkah 12. Tambahkan instruksi CSS di atas
Baca dengan teliti setiap langkah-langkahnyaagar tidak menemukan error, kalau 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, kalau ada yang ingin bertanya silahkan berkomentar, Enjoy!
Sumber https://duniatutorials.blogspot.com/