Menaruh Emoticon Skype di Kotak Komentar Blogger

Hohooho setelah ini saya akan membagikan bagaimana caranya menaruh icon emosi ala skype di dalam blogger dan tentu saja icon emosi ini ada di kotak komentar kamu, jadi orang yang ingn berkomentar di blog kamu akan dapat mengungkapkan ekspresinya, lihat caranya di bawah ini;

1. Masuk ke Blogger.com

2. Klik Rancangan --> Edit HTML --> Cari kode di bawah ini, gunakan ctrl+f untuk memudahkan pencarian.

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

3. Salin kode di bawah ini dan letakan di bawah kode

    <div style=' width: 370px;  text-align: left;  border: 2px solid #0084ce;  background: #FEF9EA; padding: 10px;   color:#0084ce;  font-weight:bold;  '>

    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJRjzn76eJTsDSL0PQpA3h6iH9EaGMwsT7WYbOuAkLGOYnQKyoor_RVMkzX2MIA7lFmUk3-QYhymnm3iCbiggXQDH275Pl7MKQHxL2W63mnePo6gbyZ_glR19YrFiyHuh97W4JQ3MnXO8/s800/emoticon-0100-smile.gif'/> :a

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXJka51-hC_Io7q-lMSqrX_Di9yBbBZkvyEKQztMmMGEFCBnrF_C5XtIyCzwfvF4Ao3KHxlG2sm7u06f0WdwzU3yT9ZHLyjc0XG2kWyDFFWfCOgEyaHHwpqaFqBNP496ULeov2STrWCfc/s800/emoticon-0101-sadsmile.gif'/> :b

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYbvrKRbzYG5g1K0IWrxgz36xOAwibYmnnZFbGhkL9Z_EuiGBNy7sDzfyagtsH4NdeTtBtxyw9RhkeuXa5Hy3qCP3mQaRxAPwWxHmoxk5OGfNoNUzJpERtn7x6qStRmNRema8EhCngoQs/s800/emoticon-0102-bigsmile.gif'/> :c

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrwM0g_iG4K5eGdzdCTeXt-EYQk3wN0bXgQBxvHTFbDsYtefMkgvNA4AbA7sLoXfSH-k1kfUTFEjAN_xYY9PT_n7JO4_30sQbKy4b29YoAgPQ2XRZznLAbE4GWxqa79doEf2_eh_Valk/s800/emoticon-0105-wink.gif'/> :d

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw9L8SD08NkYJ9paZIGqcJPuu-J68tVXBJLaOjUjdcKgB4yVPL66wTX-EZpNY32FIImjJppj1GYK_X8uL1KZoqGsJHZtJbXF9gL1RaWkAvA6yLNcQYsDOSS7NzBODpRBNjky3Mq7SpCyo/s800/emoticon-0104-surprised.gif'/> :e

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjLe0k2wDWA8iaCchrMi-HLZ7QxgyJk3oaFjJve82w67pJfBTG0AB2OulLPilEvTMtOaFSjLv05wXXCt909bndWq1Gj0zYGUnR4CW53SCd9DwjHpzUzJ3EiIgca6XtlGIqpXYPOljg-ZU/s800/emoticon-0106-crying.gif'/> :f

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI3chWpdfDRtWZIRDokAbnIVAZZOgwON2W66EeSe2X30St_YwzHhguJG_to6cKocuzEBToJXtvvzvch4AdmqjTU7eBgGPCgAG82kODEjHGLZJOqd3fPrgOERcpOyeT_u6paTbUz2xo9Tw/s800/emoticon-0109-kiss.gif'/> :g

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC9yN16YWo8EUIweSxlFTFvYsPGz0sqoY9ON_X1dgoDlJB7dWlTZu1ScP-MHa-BCZfi2heSx27hsWTcwwqLTpXaJ3Tn-5xs2kIuqYgTOXwe89CmCTT0ESJQKXZ9vnTRx4VmaJdoYGSceQ/s800/emoticon-0111-blush.gif'/> :h

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinRzIHSqsy5E5Iqo-OqN1H2GvEaYdr1yoHFfvVO1KsIdjXBLhqzFtZ9NWx1litPmG-6_XTOyCcuQ6n4Bakq0wfQndrrlH18U2yTU9PvEUAutCUmUHtmQsompMCYV1mRRG_puqfvbFINzs/s800/emoticon-0110-tongueout.gif'/> :i

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS86wm10SXthA3F51Mz2IXy0r7xOecEEkgVO-9B7X25LYkofSE5ZN879VhF6ZvxNx7rYqLDAO65UiyctGvGhKwd40REF-gOWmMQW_g91ScV7ckbO7JvjBUKFdYo5EtSX19lVESwNeXok4/s800/emoticon-0126-nerd.gif'/> :j

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjusbp8jiuUv0OChkytoAVJ3ACNNIRl9ZvYwI_C10EzOjseuS-Iw-E3wTX4KMp17j0cwsgkklt514YVZ9gjs5ho2sYUXLBBiF0nFDAdpuQJlP0CMlOXNMmhyphenhyphenTJ7Shrvaa5akmxxiS6WCZc/s800/emoticon-0103-cool.gif'/> :k

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk-2O5YNFCIvWzvYaffIv4PZPR4QicQscnnOMcddDBR5phrbonkKNbbQNOyTKvgHQW_jF4_YD8Irt5GHiNvIM1v7LyHR11R-FqS6mUaUl7a1bAtmYRZdo-V1XxZvTLTy2Hs3_hy7B4TRE/s800/emoticon-0130-devil.gif'/> :l

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmkU4MOmr-tUJk0ea2j1e2m5vsn0JhMPhJlp2tk27Z4NLbXpm5H7GF0As0dOTD9_uwP6ODemjCZn6DeJUwi3I_-2bZLmf6QgI-V3WeT32zA_Bzz9xDxN3SFEWHjizcDJDO1ZokkNPdv30/s800/emoticon-0133-wait.gif'/> :m

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGMAyyXxbSdFjU06luoLFKr2iMQvjwMwcbIJ1nJeiYgCGqnqJKhJ_rv3LJv7NFM10rSq8PZ9gEg1kpfzQ6kwK-TY_YSz-GbQVbhXzo9cDh4e6TUzPsYFIIMq_7G777ANbKnvGyB8B25wE/s800/emoticon-0137-clapping.gif'/> :n

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKNap1pfoGryvlvOc1Jkb_LA3wxCXqlSZiLMlF-S7UKlQeM7j28ZrsUfJY9BWEtOMmFwNcQ5cBQxlRiWC_GlHVFcnzuiITVUIpUOL9cMmEPBuCFzeAI8oYE_t7JEpnmOhPmg-FlzB8yPE/s800/emoticon-0136-giggle.gif'/> :o

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVzr9zg6k6IMPqOEId1K-HMCmiTdWxlZztKf9rCBieYGg3TTNApzoe6nhMr4GqgL5ksVA_hq4cvJGWB2W6p_F21L1QjpYiauWLvWZuCFPbP8vZY_wcDST3B0xzqUtKsb67_gInjvIq8Eo/s800/emoticon-0141-whew.gif'/> :p

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbbVRpfNv8tdRpIcK3UcHoOjRVodtT8F70PG1sqlzXxakwdGO2Qirk8261Kg1L0oE-hcLpIbKPPBJCP56O-a0RBWSbVcss2dML3bBetXlz-HsIgcdLsaXZn0i70rwwnD9zwn3NfYDFHuc/s800/emoticon-0148-yes.gif'/> :q

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieyqUMdxJbze4ZDIJd__eWtg0jLchKsEY7nPsipSNDHuqF-LGbzXLCDzGFWWSTUdrZvUTkcYUyTJn9bXrvbFSspfsXNqNk-LHkPRZgVKG62UkHwmJWhxkofMlJcW6Y1q0jBXIb-lr5UQ0/s800/emoticon-0149-no.gif'/> :r

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4rsnh795IPx7UpRMpNAGmdZ3YsttSOO7n7s0glSCYTkeZBSm3ne0XSdsOcolpt_krjNSAPYoQ6DRpML0tc_BiXi8E35XYILkMxUO1Lq0laHgyMScDeeC51-mI1MqBxk2KjoZD33onrtc/s800/emoticon-0178-rock.gif'/> :s

    &#160;
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaijgKTmwEf8UlfsrDxXuSU0ij9sKlReZagUT5ABvRTpp6MgUkZom_AL8X0gHXdRHQBIHfQTnvAk_xQpfLDwnXwsypx36HaE53QtSFCGtkQJTSPD-Lq4r9S4jy-l7-tuhfHq5Jf_vsaxI/s800/emoticon-0155-flower.gif'/> :t
    </div>
 

Sehingga hasil kode di atas seperti di bawah ini.

 

NOTE : 

-Ubah lebar dan warna kotaknya pada kode yang berwarna biru

4. Cari kode </body>, salin kode di bawah ini dan letakkan di bawah kode </body>.

<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
    b = a.getElementsByTagName("DD");
    for(i=0; i < b.length; i++) {
            if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
                _str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS86wm10SXthA3F51Mz2IXy0r7xOecEEkgVO-9B7X25LYkofSE5ZN879VhF6ZvxNx7rYqLDAO65UiyctGvGhKwd40REF-gOWmMQW_g91ScV7ckbO7JvjBUKFdYo5EtSX19lVESwNeXok4/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjusbp8jiuUv0OChkytoAVJ3ACNNIRl9ZvYwI_C10EzOjseuS-Iw-E3wTX4KMp17j0cwsgkklt514YVZ9gjs5ho2sYUXLBBiF0nFDAdpuQJlP0CMlOXNMmhyphenhyphenTJ7Shrvaa5akmxxiS6WCZc/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk-2O5YNFCIvWzvYaffIv4PZPR4QicQscnnOMcddDBR5phrbonkKNbbQNOyTKvgHQW_jF4_YD8Irt5GHiNvIM1v7LyHR11R-FqS6mUaUl7a1bAtmYRZdo-V1XxZvTLTy2Hs3_hy7B4TRE/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmkU4MOmr-tUJk0ea2j1e2m5vsn0JhMPhJlp2tk27Z4NLbXpm5H7GF0As0dOTD9_uwP6ODemjCZn6DeJUwi3I_-2bZLmf6QgI-V3WeT32zA_Bzz9xDxN3SFEWHjizcDJDO1ZokkNPdv30/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGMAyyXxbSdFjU06luoLFKr2iMQvjwMwcbIJ1nJeiYgCGqnqJKhJ_rv3LJv7NFM10rSq8PZ9gEg1kpfzQ6kwK-TY_YSz-GbQVbhXzo9cDh4e6TUzPsYFIIMq_7G777ANbKnvGyB8B25wE/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKNap1pfoGryvlvOc1Jkb_LA3wxCXqlSZiLMlF-S7UKlQeM7j28ZrsUfJY9BWEtOMmFwNcQ5cBQxlRiWC_GlHVFcnzuiITVUIpUOL9cMmEPBuCFzeAI8oYE_t7JEpnmOhPmg-FlzB8yPE/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVzr9zg6k6IMPqOEId1K-HMCmiTdWxlZztKf9rCBieYGg3TTNApzoe6nhMr4GqgL5ksVA_hq4cvJGWB2W6p_F21L1QjpYiauWLvWZuCFPbP8vZY_wcDST3B0xzqUtKsb67_gInjvIq8Eo/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbbVRpfNv8tdRpIcK3UcHoOjRVodtT8F70PG1sqlzXxakwdGO2Qirk8261Kg1L0oE-hcLpIbKPPBJCP56O-a0RBWSbVcss2dML3bBetXlz-HsIgcdLsaXZn0i70rwwnD9zwn3NfYDFHuc/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieyqUMdxJbze4ZDIJd__eWtg0jLchKsEY7nPsipSNDHuqF-LGbzXLCDzGFWWSTUdrZvUTkcYUyTJn9bXrvbFSspfsXNqNk-LHkPRZgVKG62UkHwmJWhxkofMlJcW6Y1q0jBXIb-lr5UQ0/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaijgKTmwEf8UlfsrDxXuSU0ij9sKlReZagUT5ABvRTpp6MgUkZom_AL8X0gHXdRHQBIHfQTnvAk_xQpfLDwnXwsypx36HaE53QtSFCGtkQJTSPD-Lq4r9S4jy-l7-tuhfHq5Jf_vsaxI/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4rsnh795IPx7UpRMpNAGmdZ3YsttSOO7n7s0glSCYTkeZBSm3ne0XSdsOcolpt_krjNSAPYoQ6DRpML0tc_BiXi8E35XYILkMxUO1Lq0laHgyMScDeeC51-mI1MqBxk2KjoZD33onrtc/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJRjzn76eJTsDSL0PQpA3h6iH9EaGMwsT7WYbOuAkLGOYnQKyoor_RVMkzX2MIA7lFmUk3-QYhymnm3iCbiggXQDH275Pl7MKQHxL2W63mnePo6gbyZ_glR19YrFiyHuh97W4JQ3MnXO8/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXJka51-hC_Io7q-lMSqrX_Di9yBbBZkvyEKQztMmMGEFCBnrF_C5XtIyCzwfvF4Ao3KHxlG2sm7u06f0WdwzU3yT9ZHLyjc0XG2kWyDFFWfCOgEyaHHwpqaFqBNP496ULeov2STrWCfc/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYbvrKRbzYG5g1K0IWrxgz36xOAwibYmnnZFbGhkL9Z_EuiGBNy7sDzfyagtsH4NdeTtBtxyw9RhkeuXa5Hy3qCP3mQaRxAPwWxHmoxk5OGfNoNUzJpERtn7x6qStRmNRema8EhCngoQs/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrwM0g_iG4K5eGdzdCTeXt-EYQk3wN0bXgQBxvHTFbDsYtefMkgvNA4AbA7sLoXfSH-k1kfUTFEjAN_xYY9PT_n7JO4_30sQbKy4b29YoAgPQ2XRZznLAbE4GWxqa79doEf2_eh_Valk/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw9L8SD08NkYJ9paZIGqcJPuu-J68tVXBJLaOjUjdcKgB4yVPL66wTX-EZpNY32FIImjJppj1GYK_X8uL1KZoqGsJHZtJbXF9gL1RaWkAvA6yLNcQYsDOSS7NzBODpRBNjky3Mq7SpCyo/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjLe0k2wDWA8iaCchrMi-HLZ7QxgyJk3oaFjJve82w67pJfBTG0AB2OulLPilEvTMtOaFSjLv05wXXCt909bndWq1Gj0zYGUnR4CW53SCd9DwjHpzUzJ3EiIgca6XtlGIqpXYPOljg-ZU/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI3chWpdfDRtWZIRDokAbnIVAZZOgwON2W66EeSe2X30St_YwzHhguJG_to6cKocuzEBToJXtvvzvch4AdmqjTU7eBgGPCgAG82kODEjHGLZJOqd3fPrgOERcpOyeT_u6paTbUz2xo9Tw/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC9yN16YWo8EUIweSxlFTFvYsPGz0sqoY9ON_X1dgoDlJB7dWlTZu1ScP-MHa-BCZfi2heSx27hsWTcwwqLTpXaJ3Tn-5xs2kIuqYgTOXwe89CmCTT0ESJQKXZ9vnTRx4VmaJdoYGSceQ/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinRzIHSqsy5E5Iqo-OqN1H2GvEaYdr1yoHFfvVO1KsIdjXBLhqzFtZ9NWx1litPmG-6_XTOyCcuQ6n4Bakq0wfQndrrlH18U2yTU9PvEUAutCUmUHtmQsompMCYV1mRRG_puqfvbFINzs/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
                b.item(i).innerHTML = _str;
            }
    }
}
//]]>
</script>

6. Simpan dan lihat hasilnya :D 

(sumber kode : mybloggertricks.com)

Postingan Terkait:

Posted in: Blogger