Tuesday, March 6, 2018

Memasang Emoticon pada Komentar Blogger

Memasang Emoticon pada Komentar Blogger


Pada postingan kali ini akan membahas bagaimana cara memasang emoticon pada komentar di blog. Tutorial ini saya dapatkan dari blog tetangga dan saya coba sendiri ternyata berhasil.


Bagi sobat yang tertarik untuk memasang emoticon di blogn sobat, simak saja tutorialnya dibawah ini.

Cara memasang emoticon pada komentar blog :

1. Login ke akun blogger sobat.
2. Pada Dashboard pilih Template � Edit HTML
3. Cari kode </body> atau Ctrl + F pada keyboard kemudian ketikkan </body> teka enter.
4. Copy-Paste code dibawah dan letakkan tepat di atas kode </body>

<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 = "Untuk menyisipkan Emoticon Sobat harus menambahkan setidaknya satu spasi sebelum kode.";

// 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>Klik untuk melihat kode!</b><br/>Untuk menyisipkan Emoticon Sobat harus menambahkan setidaknya satu spasi sebelum kode.</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/AVvXsEiRcChozytPIZdghk_5NUSJ7_QVEqr4dfpJ8Yfb5rOU-6XFtCQvebgBgGGOANlT7H7qSqiikrsfvLEfTm1g6DXl0Kqz8KTAewYYzSQ1tptH5POayQ2oUhZ2td8-7A7Um_hmBHVyrDSeyoY/s36/03.gif", ":))");
    emo(/s;((+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihAQBm2_dF4TjQiJ-JPYQFiFbvcMZV9mnjW8NDYkl74Ey5GzKyEyTO0_Xsl75SbtXUslLPW1qgHGgJ8xM9aoKAnAUsxuEFm0vNQD2-1nzsQsXrHGJS8PXKuX3Ns0Bx9T8X0qlkg6JvwsQ/s47/06.gif", ";((");
    emo(/s:)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5ma3KZi43PCnWXnynxi0QXX7jo9zbi2O1Ll9-kNxafa4rxR7bO3zRRIBL-E-Pf4W1VCTe3yxhea8t08EX60f_b-inGFSmP6GVto3CdTtf4vTn0QOokmnf0Gi0gxyv1tz2Mb2s_9IWTt8/s36/01.gif", ":)");
    emo(/s:-)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuig1GVa652_xY7Jj5tCV3AQsnoeKmdwEgSbB4QOV2DqiUJFKGSMg3_kNlfwq5edvgogxr6vupAG30PI0bCZ-4d82JowxAObg8hQAzr1QSVzBeOCrWGksCBm3AY-uOcSJQKfezWICvrGg/s36/02.gif", ":-)");
    emo(/s=))+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibVlqS1w3CLbkJSFvOw3LHBVLbHxJMPqnrDD_YCwyqnM6kR8fvyB5PLaQiA_H9zAOI__Fp_YJmfJpsl04vlBD14J9HjZWwbXQRPSr_oZHtPcPe9Y55zNhSthL269TZOuFRL2EuSJ-Ku-o/s36/03a.gif", "=))");
    emo(/s;(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn-lh-kYLM3Rwoljjvj-a7_vd7pvNB1Ms8unlouMD81Imb9303g4GUSJlq3pR4dqb_UjB_02GsRKxuM6h4jNxqM5fyo2QXxcEHxltfyBqexg1kUnyPVlJjJCxFK6_4bpcckbdfvoIL8_U/s36/04.gif", ";(");
    emo(/s;-(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXalOu6R5V5xMEbjCYwNbRCcue0RbaiivBnC4JvTUGrSh3vC9EWCh1Aftf3-v4oBfRZPxv2ddZfhFwcTptBGapx-LLBTRA07r9Nm2p-xJAIDy3LkxlfGLk_cWLXyXYu9oCAIcuApPYG54/s36/05.gif", ";-(");
    emo(/s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRSKq3IzfNrofRVd9BWo2HXe4QTnAcN1m8tQ2osjqCDkMkiuRNJwB05RvviMcnig7RPJhcsm8toJWtdwTH23RoQuhmAKl3C2ePCffT5Y46Qb70u6HT1A5fe9cvlcQYYqghqi49CJh-kBU/s36/7.gif", ":d");
    emo(/s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLrTsd0Vj3Jinf0Gr_-W87PnWNa_A1jzecQHjxH5plT_V6aRde6IU9bX-iBTuqVgrvAJBuVc8P9lFdeBQRH4gm4NnQKSDTkE6EJ3RrI5YJ-QPBFmYk_iTfQVcwkng0gjuHUlC9KIr9T0A/s36/8.gif", ":-d");
    emo(/s@-)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLtZD_06eWCFpStEQmffmChtNbX8OXjYz7rMBs2LA2xLxTc2EbkFhgYy40nzG4ls9xVx8-b0Ov1D-0GD8Y3e2sYWAWJ6yRrLKTPWPlQJk73M-TgWFnCutadi6PJgNzCkpC-s6Ssr9uYXA/s36/09.gif", "@-)");
    emo(/s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTWGVirzi7_tmVSpw4L9g35jWPwCD2WoDg0trtK8Z1EQuyXTdD__GmmgqWCPiHc93z1NyGcZShbN_bmAv9LGs-X2v36WREOfCCs_pjPmQbZ8jRAgi_vV1I1GjbMxBErVr2XA8OxnOz4RU/s36/10.gif", ":p");
    emo(/s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi64pXRnr1HCtsk6ic5bXr-vjE_v09sLCK2LbQ3xbzdoAvkmfk-OmBUd_XRp9yw6NtfzNZOJQbit6HBXlaPneRyaWEyFf1dBFnzhXq5ZZVdGxLoUf4IF_gbzr-zU1nb0CljVFPt3ez0wtU/s36/11.gif", ":o");
    emo(/s:&gt;)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJlosa8JzE_MYGOAHk5p2ghqkd-jX_47_hBN93C_KLiCjdtMyCgJRmp75cK_wXJaHI0q_5G6LQpnlxYuO3xlS9z251igU6pG7dw5kp2VFcLbGn40evTF-t06W-kltAwMKdMMkyLSgzps/s36/12.gif", ":&gt;)");
    emo(/s(o)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5mNMf3ZRW0eA4cplZ7mypO2r9CxNdFHvqtg-_A68KBK2qfZeyxwtf2wdKemURLA6Y2LnOHOpjku-xuOcWnqO436GAhoRxmXWWQHi_iNWjClFyLd32iz-findKEf-VYL8XrIdT-OsW3Xg/s36/13.gif", "(o)");
    emo(/s[-(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8iClVkIltvpfm9qmCVCUuvJ1swTQ9fF3C9eC9lxam5Cf_d0N1vZMJn9XRT3xs0EJe6cPIyoWAAR1aUbEOXwb89qyYtv1EjdAbdqeOqymZDtyHqG1iQl2vxTjwIag_kDxY2mk79CULs4I/s36/14.gif", "[-(");
    emo(/s:-?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiarnuRt7hUuQmiaRpKTWggdUDeWs3_cMiaxfv4zsWb5OqG-qlriEXTrh4DVlJ55hCd9gQWZir5VTuOf4B_NVuj7cd8hRUclq1t6HW-lN6FgKMjI5YBJqDh6J2jAqs3lrB2BmgC4Ynh_YI/s36/15.gif", ":-?");
    emo(/s(p)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOcKFbW1moIuhqKCNn42KexYOdOJnDIaHV-pCh_kCjKivDYAft3yxmqLDIgMAn505rNjAy1AM0OVSPs02drmEd6OhiiGc4gNKNJjMUoRAYflOKJpMzFHcOjBv19lqKbci2zan_zNg3BF4/s36/16.gif", "(p)");
    emo(/s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmeehfa2lWxNPs7_swfYXcCRcZT4Z3NvNYV0barWEhNazpi3zAeEWAXdXdVpBRktz-XuA1EYZ2lEO_QHthlhs2FIe2w3ep0bCyTk9qRrcrrzDWFsu5vTpzsFF57OfcblEmV8Zugnsl9DI/s36/17.gif", ":-s");
    emo(/s(m)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5LBY6RXBUssQqexJTkHLSWbx0X9gSutRSLDMq8Y06Ey7B0tPB4-_aY2EFOtEL0bkKEJI2ynoaMBOdBKbvrfUoejsU9ONlDAd__v8hF55Y_YYEMn_RBXDT3ePijmV6PTwWyU-keTgHo5w/s36/18.gif", "(m)");
    emo(/s8-)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj66_1o8PDgYQj_jli_57V7YQ4K74si65hC9MTj4hDB0bR8Wv9xZoOnNb_uayjM7xQpdWLe9JR-vp56wVp_jI9TSH5VshJy4z8kRkTX6oRQYcODbeaQSp-V0sdsJTYK5Hx-9QMs1MdU4m0/s36/19.gif", "8-)");
    emo(/s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmhBrQs_VOFP83Fsu35nweBhrM4kVC-AylSffnYUEToZt4BCfN3VMBU2yCr6EMwHuq6aaWyY0kXhILwyYV1T1y7kClWwzPcola08Ac8zZGZhHF_GcSQ7tgS5aRkflIFzzEbL7IfbPySyo/s36/20.gif", ":-t");
    emo(/s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPusqb8lMfGgv4iuOTCRKtWV3vcaJ0L_0HVB3x9tYnV2_V04elb0jZBRacRTF9gim-BTtsoDabBbWGTfl_p1IGXWIju-623RHcvJlKaBDGnJ2O5P-1QCZM-sXguk04e6VeIwF-i9FmNKM/s36/21.gif", ":-b");
    emo(/sb-(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglOMdZrNuldKAB-kmoraXFbJ5B0-kg07qi84J9ikyDgJB3civ2KIlO4EpDu09oQdFug_mdPvIarUhqTYrcf-dDeH7Wngcmxr-nLhKgB4TWPUKbgxhGKpklquOL4-q3Esyr1HHfzvqcyJ4/s35/22.gif", "b-(");
    emo(/s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUgxa9iNveGtwXU9zpIcsSMDC6dMiYBV1LkTdsVBFIilA7yykVKfk3uNfnU-8AeGYzpvhWDg5NSolPC_vdciGWr_3r3j2oZ1vBx7WO9YcPs5ow_uogHkaB7AFLS36FYYo-oztA5as69CM/s36/23.gif", ":-#");
    emo(/s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiocqG62mg8-fslurnWdcpWVdzJD14VSRX9Ap6zP0feJKKmuhEQpeMxkB0sW5TZA7vGmAqVBXbfp_18vgzOly6YC570wxnk24erl5qMg5uUfz5U-F1h0QgY5zNFd3f97TL8_a3iu2Bqdhk/s36/24.gif", "=p~");
    emo(/s$-)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0OJk6ri4R9tHHnoBCzShhhy1a8f9TTuSuvwVGgqLs6hMhBlUo7Coq-FAqr8QoiGgXv4IA23TnNkxg1dZat4hIR8GNmLyylP9jIg3V03YMJ9_PCysbvm82cLNiahqT5K1151mnH6wloCo/s36/25.gif", "$-)");
    emo(/s(b)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW4UGl3WA2Tu8_D4pxxtleNb-GYvxS6UUF4GEh7tl2XTA7WUOW5T4_KW2dIG9GpNFPVWW8EQ8u3GRlzCx30P8RDO5vNS-dklTxN7ssvp5Gmf5eJQmbiBxIIhC4bh-UMU-inBNvRaVSprw/s36/26.gif", "(b)");
    emo(/s(f)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY12wlPtYLy6SMmcethZhLAi2yosX386n_hv3Omo4CEf8PkU1auaO6By0UkqzMpW_aLjPohfuDJ3oMRyrm7Fc5-yx-cD1UWY7-QlR-fTaUHZRbRG8SlJ6w4-j63aDXHWFO73zqQUPMo-8/s36/27.gif", "(f)");
    emo(/sx-)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV3CV81aCxrSFoD6z8WI21GooKz5Cp01ZGWGTsPNS5k5KWIaNks9ncUhwdhhZubkSH_Ed6yMaLUxdoRBOV2Ga1HntigrQD0g-q5KbB2Ko7U82iuLOoVBJoKmOh2OuoSHgto7Ux37l4bGA/s36/28.gif", "x-)");
    emo(/s(k)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfP-kPG7fl8JTXg_B6dplMpj7yKEM-4bL6366R_HrV0AkpXbCiC2PyaDSs9xMuA1PlsK0t_U_8Zo3AoED136bE6QmRuGXPiYaz9G1h3G1GkC-kLlp3eq2TQd_W3Z5DUYEtjZItjQNy0-k/s36/29.gif", "(k)");
    emo(/s(h)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAtlF2GnQcz2YZ7R9kBldNuAfosaO2hMxANIu7fx-7-yBbZ_P23_liLvP00EAlP7l4xmOTFgH91OKEdQUroEp3sSJgIVARPMXteF5XOaUgN6w9i8nXjF_bnirK3CDA9cLqe3Uyux2VBrg/s36/30.gif", "(h)");
    emo(/s(c)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEireZpGOF_HmdoL-D90Jqw5cYEza42CXLdlVefaBYWlUIO3WsHhKQZfh05Dg2V8wqjBCbPnzTMK8E-OejU6kn1MnVmcQey9Ex3Yl2KZ6aiy4eN-Dg4tBjfpLXuhyoz3isxILsNm93Y6h94/s36/31.gif", "(c)");
    emo(/scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwPzCfsxnG_kGulj9_iTDD2csQy5OD3ISZWSspnm2DuD1A7RlZpUtuv0zdR75RCICvzcB3IuMu5nkXHI0ESCCzMhbgoQP_UpK9RI3GF8DRCf-4bleAP9oSgbxCH4dag44UyFH7IN3NGSs/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>

4. Save template untuk menyimpan pengeditan yang soba lakukan.
5. Done ... Coba lihat dibagian komentar sobat....

Somoga bermanfaat.


go to link download
download
alternative link download