Cara Membuat Emoticon Di Blog

Selamat Malam,Orang Pasti Kepingin Kalau Ada Blog Nya Orang Ada Emoticon Nya Dan Ingin Sekali Mempunyai Nya,Dan Kalau Anda Kepingin Juga Sudah Saya Siapin Dan Tinggal Ikutin Aja Di Jamin Bisa Atau Work.

1. Masuk Ke Blogger
2. Klik Template >> Edit HTML
3. Cari Kode </head> Biar Cepat Klik CTRL + F,Taruh Kode Di Bawah Ini Tepat Di Atas Kode </head>

<script src='https://46004600blogspotcom-blog-blcommunity.googlecode.com/svn/Emoticon.js' type='text/javascript'/>

4. Cari Kode  <p class='comment-footer'> Kalau Tidak Ada Cari Yang Mendekati,Taruh Kode Di Bawah Ini Tepat Di Bawah Kode <p class='comment-footer'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>    
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "To insert emoticon you must added at least one space before the code.";
 
// Emoticon bar before comment-form
$(function() {
    $(putEmoAbove)
        .before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :&gt;) (o) [-( :-? (p) :-s (m) 8-) :-t :-b  b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer <br/><b>Click to see the code!</b><br/>To insert emoticon you must added at least one space before the code.</div>');
    var emo = function(emo, imgRep, emoKey) {
        $(emoRange)
            .each(function() {
            $(this)
                .html($(this)
                .html()
                .replace(/<br>:/g, "<br> :")
                .replace(/<br>;/g, "<br> ;")
                .replace(/<br>=/g, "<br> =")
                .replace(/<br>\^/g, "<br> ^")
                .replace(emo, " <img style='max-height:24px' src='" + imgRep + "' class='emo delayLoad' alt='" + emoKey + "' />"));
        });
    };
    emo(/\s:\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKzuHyr-V8vCJgWHLV3EEMw4_Z-iZ4duH44JZosIwqVJ2Hhhddu7kySZccIXzvoNwiv2L9Z3S7DinwnbMrM6QI5f-X01lGGJeoJ-UXRKaNDAFwAN08FIdft5nCaJf8EuKUqB1vYYMOxDk/s36/03.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMH9aO37of2o5LXFYN5zY8pJivs171AVpPvtrDGEsZO4rhYEnJYDva5FV1QWcPsQcJ-WfwsfYcQrom8OP-MpkEFaWRtcPD7RNs90xAD4A1BijVlJKPy74xmcDwcTMIM8e4Tp-i6GD_I7k/s47/06.gif", ";((");
    emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeZpNkBPGWgqXwRbYyoIoy-YX_5C5YaBEWmxpYXeerdQcn4sc8KycDfA2Z-kHJHJG2gLgn7LDu2G3_fzN5hgoTapkV0QaLxxxAozkd41dSUXGPgdR3vqjI2yLVOIsui4P4yqkX9IojCYA/s36/01.gif", ":)");
    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjluSCfWkrAo9xrFW5E1_4cAvhs3qJAuHfYiw0OaNwdSpmpPBKtMMlanrOuzjts2Unc8yUU4scHEaxpLN7NQpZ9DtYvwAxLSh3zmttkfFUsFJvhoQi1KTtd-ShaS0jeZsH7rpZDQzNpWoU/s36/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFRTwjOM4sqLTe5niwx9tVxDHYMjZxNMbxw-3PDMQ4cMB1zy4oZZl1TUofY6mOp2MfXSCmY5lbMs9xw4Y0Y2Tfk17SyDVAVLqRXrf1LYvRqtDjfk21hRP4wHTzY8PfQAywhtWpCIaWb7M/s36/03a.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6GSIGKMDDuzOjP5w_I3pnNOvh1T4_9DkabAbEmLSx8i7Cc1fnWdknZ85vcmQGDTDyP5tGj9y3-easXQij1zmWnwa-I_n_d75t3Jhm7kRyT7Z138ghNk0zoqZ6yAk_cKQEE4rk-mBQ4t8/s36/04.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhndf5jQ9DC_qm17Og7vCFs2QulmNhjvCpcSmBnllc79uwf29_8_GGfUwGN1TzRdAG5995P1kPQU6UqA6Eor9NwA7ea_KBeSoONOYlYl-Rca3BgQoqhejn4jXXpU94V5SCS5Alm14KqGb4/s36/05.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDYA028eOA27yMT02SvoG8AHVjeb3-WSyk-QAOTDVjh6CM5KUftQReoNykvjgxjpdDV9Q3S6mTfaTK2qMpRwxXxolxE2tHNnBdtQu9G3sTMbWQ2v10CMuMfzp_vCFs9aRJFIWLp5vYgCo/s36/7.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtS4Nk0n3DYqBXQhU56jHEktfb0T_1Ez1uhpEmH74C_1ZLIQDB-YPoYlSWNTrx4i0us2Kixq_N7kAIqtA7PJ4LQE7d6gprShoFAHLzClMroQ09lc7TFdD2tCXksX3yY1NDmEXqc0_BLrs/s36/8.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTX6eYAAM5d8ACYzSWoB3L4XsVJ2NvsPJMcrd4dvOW_d92pVAuHL8CJ4QgvVUUXnzMCwArerAQjj89UWL0a1AUGTCqZSQP09zyMXCDoQcDxBd8OduM_8CrCCGStVv0BqPvZykntEbJftE/s36/09.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSXv3NqLtIVVm4cLrPEmBsBz77gv-PuwLMiOX3O_8yYJo4EiniXssTb-c-4VonYW0g1lSPubwOhzKc5VG3xE1gVYJElr_IbpWg6-ZcNljF-AiBVLYhp6xX6EhXlML_ZTzSImV96E0KlI/s36/10.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_beWY8NpUpi4kfDsaGqMTdZGTfbMB-sBAOQ7hlambRXztjlbLhSL-zpaFIYsE5fiaaKg82cvkV96W_BCJoI6L3zj2LZioVTdXGL73pWIeOTNHtKMSE5nYhax6UInAWjj2iZ42bis-hTE/s36/11.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0igv_ZRyjk2mbOklDIGaKBZMjw8sjZkPow-tOmA2XZIZDgtwdb4P32Lw-KSFWw1JDqjlsS-hebW0oW2Yerm2WPI0pJqV0xWTSESjstOAnQv9WvElTSJCVdgLVSjVr_zUDrDiZlp0zrl4/s36/12.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtJ2LaWY-0w7C81hFYtZamrM9v2wGcB-LG6yVOhwpnajOX8NMKahg3BBibsnILhGt9xUs2a-GbnzWjCfytM3DJoC6pr00ewJyol36Pvw-B1WE4QNHQMrz-FihqgYgjjRtTMb9FKRSEdLs/s36/13.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEAR2zFU3VkvyFUc0CasW013fJtNjVD1e2Iu8J9oPzAFWyiBdmOJTpQvuElODHaj2xgGIgJgHF_h68TNXX7Ji2_SV_GRMHsbPrGzWdbo6LxhZbl2rPbYraSKBsZocQoiAGV3xKoeqicv0/s36/14.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3X4xqo-F8A0_aj_23tRylMk9dtme4kx_dQ0cp_lNjdMbksQ9eOfJYWzNrc0aY965MmuX3RlX1JsVvhbm2eiyiLFE9QN-r0ocLaAEveCr5n6Yye7zucfW5HanAuV-qitc-GWxoIMAbC4U/s36/15.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1WwTKBqpjm3cAQMuVeAusD4ene6AdVFt8KrRQTDIFsChtwkZbsdGmWakIRH-i15VfihkNYP0zB7L0_FD3yPCnRF3opoSTpMgJ__edhNy4nZdSX5CT81l1o7hIoWSUX6TRLjeS0D07NA4/s36/16.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaRoCmb5XtiToxdoN6VG6qQcwxHb_a2hDXd_Bg8XL0vo1XC6HI3AiCMf_HnbGlp6Qc_X86cgfX_i24EEDjLvZPbJiGxNeARhf7npz-5jmBFKRg7fhPOGiVaUivj9Cc_iUhIV6UBqbyGZ0/s36/17.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfZ4Zd2P1iE-1pSCJI0wVcyFYzRl2-YlqihfsRjtDH6YFvV1Q3GjXWGuAFMdBw0IHN3kzCmytvL5VAzmSCJjmHXsAunkegBoJvqU-7Q6xqPfXzp1Ft9ZcdtbBpo8I55dYZ39pn4WLUX38/s36/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZErWMApe2CBDt09n_U2njocAH4PAYbVq_INLmpBhkNzaGdQI6hjrbDV-VV3AQV2YM3rTt6l6034qmPqUwRQq_vez2JbWfJhu2HN5CZbDz78hIIIsfzF4yBGGWm1ObsEPVmtut6A7JTjw/s36/19.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1eOPO_7HRuhvf_d97KwmiW09Rqnxtga1TKprRYjKmOhxi1T8W7TaEN-X9TVsUc_JiO0xbe2WjEY4TnPJs3W_BrTL1HKKRX0fMz9QetLez73CF3mECawoMz1wZijvEZhB1suO5KbOsyEI/s36/20.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbomurksTKHY3sUiQIjNCmmOH19TwbGUoq8abySwY5C-0PKC_00rLpfsXY8MZ35mxWuMh2tb4mhWk43D3u53e9EYSAiafOLKdwXaxzDfHwuH9TcMT_UiuP5re3s3kew8zZ8RARWdFclOA/s36/21.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhABb7bs2VAdhapgziD2_7svuLEoMh0Q4wRX2bUFfGnGdSjaBw346G1kqtU-fcwokaervVkIjTrB6G11-bGYzDdD-M1swXBa5Sb4z6pQrHQnxJL99jN4vmSRhCE5ds6B_SO_mCHVGTK1ek/s35/22.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPCh9Ch0WWoPDCoB4IlIT-ykmx2xslSKkdqkHqryefKoDAl5VWJGs2f6Gks6OausGvMHEm-RXmaF4s9vFVBKBUyFxJMf86Eagem3QhwVV-4ZX1xcVwKeLSeyM2koGBrBL4CG5H0qWLBwQ/s36/23.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNt5FJp2GKnLMnHIijJ0etggDJXr-D-GDdXmN5WNO6kcz2dwTKVRWFMSiaF4inhuagRx69pWJjWKYY1w0IwV7dbAI2Q5nnfkTxmJ9gfHYSKD799imS7iTHlgPPthGJ0xlg8FN3M6hz8oU/s36/24.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8IzH6abWSdx4lOvrm_qjRiKSCtTQ_Mv1RJdfo5TisHiF8sXGnRAGaHp4BCa8SZCJ4thpFWYeWz-U6FS8rtvaQLNyeTTm2nINppQG5_YkLMToy-k6WBNTxwbMEfpx4J85mvFEblxUqiJk/s36/25.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH6PaPioXm_IfbWVC2nF83diYffYQ-dBLe0fNmk5nHo1Qrg_Hx2lgOQgu633QFnzJSoRtQHAr6eLEGknyegrBIkNDDz64hu7wFm6fKEnsDUHepOo3T9bF5U7F9_EQjdpPqM2DcpEa13Bo/s36/26.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiaXoGgGCSBfNo284wa1IYld03-Vrj7pKTrGjX3qbcYXuxI3z9xWV-DhDjSfAkeMqXFKF2qB7O1sJppm4TLZ7KgHWQ7YmOdbRP_diw-PEdZayj5lZ-6SmnmR_5dmjKScxNiEwJS-w81s8/s36/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxwaTGyunyrDLkEvutX_eFMSUC_Bng-wxQZGzGUY7i27VV9lPA29V9aorHYkWBtdCWlrbKRqAJyg_7MBE3NxcnPXtpaa3AtPXnvdlb1TB8AXWpC2ct0IfE6pH2r0DYwC-EgmvdCCefZTg/s36/28.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPns9egyxERN29gto1PfN8s8d4F-14sWzJiHE5NPIwpxD9x1D3gmXETC6q3chSNDs_q1JI1SwML4BFvxmSNpdNP-5YyE4WNIwqHdDE7C9xnsBo1IJ1mdjzA_SF8cPQfcnBsAkeUN0Igl8/s36/29.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKZxQivZomlNkGnEBTxn5fqOAWs8E0A1sCAvmgEIOSpFQARBeKn9cBVBdPl73VbqYMx6eu9Q45BDcePryLQGIRx1LNXmuKa9lmwta4FkQFoBJlhwY_yTyiiI22IJX7uNITuvhyYIwtfHc/s36/30.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_2VNhWoPZgFwCephw9iIixp9zbIXaUKJNNkWhz_3HlCGvVkLo9CWHUBg4xb8IWFKkmV_N7Glr5UrakwqRh1mTd5UqXi4Sc441gnrV0xp5CHM9ATWEsbL8E_LNUXMlN-Ch8GXcQedV_-Y/s36/31.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG9ru8-ZIuCtRa6RbkiFrHglNkhHgGGYsUpQy2BpescXCWotnx3D8oZjh8kgIBwv4B8h3ThyphenhyphenbcZE4as7dsFmZQDsZNCmqXmEVNOlJYzR8Of3kqwl0-3ybabSZP13PSgGTEn7-3qKKJXQQ/s36/32.gif", "cheer");
    
// Show alert one times!
    $('div.emoWrap')
        .one("click", function() {
        if (emoMessage) {
            alert(emoMessage);
        }
    });
    // Click to show the code!
       $('.emo')
        .css('cursor', 'pointer')
        .live("click", function(e) {
        $('.emoKey')
            .remove();
        $(this)
            .after('<input class="emoKey" type="text" size="' + this.alt.length + '" value=" ' + this.alt + '" />');
$('.emoKey')
            .trigger("select");
e.stopPropagation();
    });
    $('.emoKey')
        .live("click", function() {
        $(this)
            .focus()
            .select();
    });
 
});
//]]>
</script>
</b:if>

5. Untuk Memperindah Tampilan Emoticon Bisa Taruh Kode Di Bawah Ini Tepat Di Atas Kode ]]></b:skin>

.emoWrap{ background:#ccc; border: 1px solid #333; margin:5px; padding:10px;}

6. Klik Simpan Template7. Selesai Dan Semoga Bermanfaat

Read More