Cara Memasang Emotion Keren Pada Komentar Blog

Cara Memasang Emotion Keren Pada Komentar Blog– Tutorial blogging kali ini akan membahas bagaimana cara memasang emotion pada komentar di blog yang mana tujan pemasangan emotion itu sendiri kurang lebih agar pengunjung yang singgah di blog sobat dapat tertarik untuk berkomentar pada postingan yang telah sobat buat.
sebagai contoh seperti ini pada atas kolom komentar

Bagi sobat yang tertarik untuk memasang maupun mengganti emotion di blognya maka saya jamin deh blog sobat akan tambah lebih keren tentunya semakin seo.

Cara memasang emotion pada komentar blog:

Login ke akun blogger sobat
Pada Dashboard pilih Template » Edit HTML
Cari kode </body> kemudian letakkan code berikut tepat di atasnya

<b:if cond='data:blog.pageType == "item"'>
<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 :>) (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/AVvXsEjmVKO61pUIrvhmEkCeUV96wr6WvKbpVROcm2TpE1U68hleVVuaQGOsIhuqrO0STNd4NR5GbpGxRw8McpJG5VGNsUJFI62i8v1wHXZ12SImXEbu5YFuPXLxOerH_TpM-EZHdk8kiXR6qn4/s36/03.gif", ":))");
    emo(/\s;$\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEM-Xtvjvimu5wQTLg_2aw5o-fKIaPhzli2JBmfcVR0q0TmEj-h4qLTIGJwDG-fFTlp0dTX8DZkcDgfWnZIXMD8wrWkguTMG8er40IlpHETrV14uqTYpvustVAX7uFjsllsaLHfuSx-MI/s47/06.gif", ";((");
    emo(/\s:$+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggjsc_68M641H8NlgzksAfKqdMPWh6vpLuJVVNe1SIjzIPPkwY38MV6IhAYJnx5YX6pF86Gr7U1EsS_qwbpM18EovakjtTSGRLMt5Km4jvKNCHDuU0TLEWQZ3pNvx_tanX-q4W4-jaVaU/s36/01.gif", ":)");
    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCEz9_kK54xo2iCMqjNBRKajjcmoNMLjimdAMFbDXJ2WLGOSaieQNoNM3WxAZX1ZqHnaS9M2JrvOZBFnB08iSaLFpPBFicbvi2U0Co9dkJRDQzP4u9fJ9zzA280BsTRyKCRT1Dmgtg2Kw/s36/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga3vGyvN21CTgFiEZVjqwK_QXX2uvJ9tz73Z5TLtGYhJjemYRMb3R08itWmBQ1NqwwGKSoZY1s7jDd5hxzIp4Zug8e6LASM_ClOkl7OFzq4GygD5jcrWWLXiK0O837i0Ep1a7pRJOQqNg/s36/03a.gif", "=))");
    emo(/\s;$+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNWXiQ6GZFPC0pLMnlU5tGIPdaZMmObL5P4iW6H1ITeOWolAR0sfpAAWMc4rdW-B-HtT9xyy-hmF-scq1QVxT_GJSeDRtyoXFUYwjT8uTY9OZmxFK-0JwdKbFTFpN0D9pIBKiRg-bvIB0/s36/04.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBDJAp_m69M6-A4s6sgxQF4yylWwt2lSOJbczLdhXa3ZNMS23R8fWio1sDvKiFR_JDWZ1tJ-CvxSym97emozSL-qotK5kKuSFjbVw4SM-sJx7zhDometm3UU2gxBJ2dXC3Y-LTztltg_s/s36/05.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUdjXMdTNvCWLJfJSvzKR7qLYAFwDhBWZnpTT21yUDLWeFdvqXmeVAw4R9TzEUSSLuV92biQqZ0C8TzFcvtzXvujg0FyRulUfklj6WbqhEoIkMkMwVN58lVYQsq0NmDqsd3irOnRyDFW0/s36/7.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGekn8J_bRpAFzHV1XqhExjXAcoqYegtoanFMBUslsoWgM_RcxULZlQUjNmS0eL2SlTl12KaRgW-bawPpW4LUpzrpKCSBJcGLRKNwGtikTDWuJU05WdpY-WBgE-Xmcqg6dEOj48pRAA74/s36/8.gif", ":-d");
    emo(/\s@-$+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3hlRIBq0JWa5UKK6jkr6vXHZTvyeBsaLesxWWmETWCjv-QhwdRit6IRqvU3q9BMPgPJFITVNLXoysgx_YZm33_hvL3N-JlOC53kJCBCgiqqDTwVEtMVNPxF40SQtsGijoiL1u-m9KpvQ/s36/09.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju89mtpHGaF92tQAXBFMnPrfGdal6HLPRoA9-u2R3lF-LGmQwGAlUU1Oo0f5mmRSgQCRbtBQi7JuzFh_iPNVPTs9Go6EXzrBwARF2DtDiDMXpm3W5SHY1sn0mPu04Ft-rxC0n0NP1OObA/s36/10.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRHfYKRllieZnaGe5PILLq2PHwt_QlTRt4a52diOwuOUVqOQpOMAJSs8z_g9Ni4MbAD_54oQ8kfdJ520Npxm11IVt5jO3oStCzv8-5kHk0yGSVAExAMq4BQE6WHVqCQwHdQ1HpEnQo6qE/s36/11.gif", ":o");
    emo(/\s:>\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDLzyzSQy8gQ1hotgaHhG0-_Ntn4v955raJ3KbtL9gxJRPCe7o4FkVFXJ4BYww45zM-zum7LPBCKy1o4t1UOSq6zzDKQFVdH693H1MLU4cvgy0O5wW2CEvcw7yOj0E-AezbNa7mbM9dzU/s36/12.gif", ":>)");
    emo(/\s$o$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikZ3jhoxjmvo43aIoJEpnpHxFCkIRGWUE2Fh7keX152_wAMNzhqhOqmmTW6CZlSvKzqx5RsGcIsP3hJAmITyTnFcOdFlCOhQVPXEtF1NGmEfqyjuEQ2q-4jiimiYsaCK9vtVHBcCvNPaQ/s36/13.gif", "(o)");
    emo(/\s\[-$+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJEq824XQ3j6-gOcuWxttwqhQLdZ91gBquHfChP9ScpYxkND7Sb5QnFa2Hagkrj-mMB78OsibCKbDxPRLqw6-zZwkYmg2zK-DhrE_oC9T-2R0HKWztI4Cr-yrZGUPqsZmxzVEkw-D6Xbw/s36/14.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioFYVlwKPtfncbLrhE-92bJQsfw64t-S-niL0YIPKvl_iRuOlCf1HX2tX7mVe6NTra5srtexnVsnmjHCin3oI0NnS62B1I_PF0DDwi1SJGeBvwOy3nx7Fh24_FjT8UJdTgFI-iKfUje_s/s36/15.gif", ":-?");
    emo(/\s\(p$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjMUxllKoQqiovH7YCEa-eu-M7CThW2CuNQ6ODrO0zOMkZYt_smJ1cLK1_mlYT0sC17n9kjj8Q5PMkFXzjUDtSlrvfpObxOOEEHa3Zq6TlHfWDXfFedF0RzvBWbKjbF5ic2CP9UVkZc34/s36/16.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiydz8CixDNIj7lQpn_LwvO68_62l0lnepPSF4mqILjOxeRXPEH0hk01mWTojb9jRcE0mC1hP1OYBBBeNKu00MAxgJlYKbUGT7akk7R0S7YGC8Ezr1kP0YQDZ8htEWsf8uvVkD8I0l8iqQ/s36/17.gif", ":-s");
    emo(/\s$m$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3M_q5YY08ZbyjZoKtoKFuIkl540PdBkNNA1AEZkEQck1C4u9AuZ26b1FBLm9a3F2T3wnhhHN7bGN05S7RhhEfH1X32cYxQQraziRcnOGhtIusEYEjbRSD9WoTyf6p5oc_s1-lB1Y7Lw8/s36/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOg4FrDYkr2tNU7hlKkeU2NshsECp2_szw0wITpe9ITXb0G7qcs5yWBaxOPOTyytujzJyfyiXURIjXk3iLr8Z7IVexzFA001q5ZFookHoGSwTIJcwHoB__T8TBpsrflUatPDsbs_Zyx4A/s36/19.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXOEFuNLIuj6i7eaDNzOrgotzqYJA9CZd7AqCUmkDpOStVvaYncfMCRomO9txXaTSmf5STugbIAfQsazWvHvyU25mme6ZxbKkSMD9nCWI7jF1wUUQFpBY9R_U4ml1aX1qeG5Q-1lXCNFI/s36/20.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyzyqHyPLI5-l2HfBLzayKofOTlw0TfaThfI-NJR4USl53H7uod7i0U1EsSO8CyRikmQW6zTBtcJY7cMjP_ZDSKFNOpw2FGxdV23jqCBO4NHrDmlWi4nJ4FHYfvcGFIt2RFv3N1owG1J0/s36/21.gif", ":-b");
    emo(/\sb-$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivUGOS8QrAv9DljjXWH7yj6tJ3MLEvjT-iv2JvCkwn7uo9DUbln8gO7G_QDgN5P6jN8fO27vp9l8kJwXpE-aX24YuHA5A5zTaa4xzU-onsaMjlnuIzMOABll_Hxd6h-qsMmWQdE3OyL24/s35/22.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_VJ5h3116y1EOC7dg-8t_N-Oblb-PTJl2kG70EJ5kUWRvkG3hveWmijTPZTB40gmjMdzMeBZtKroO6p4evl-RcKeGn6nBMr3m5U0t2vwnee31wsZuVChcOLYTE58-fJisTd-hw4IV5M8/s36/23.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjXfYP0HVwFW4lx3d5Rkalmk-_SiFeBETEanY8FkIxcfLd3_TIspM0Q8yR8-53_Lb1LNFW1l6i06aonP4d1eGXtelYwHAm1IIroKZkuujGUKnuPmHqdgri3JkHsOdeGhX7HW8a15gpTWc/s36/24.gif", "=p~");
    emo(/\s\$-$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmdAk8DUaawqQoEBGrZWmWPeDaxAm3RPg8TtmSrm12Pg0DCKfgY6hQLd-nbR7VS_CRuv-fUjMNJLB6nfX8nFg_VbKjgmNAPQWupPoRJP-LSTok7JHXqMxKd7f1GDOjsw57zY9-eJ6rkDc/s36/25.gif", "$-)");
    emo(/\s$b$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIcQFPe0eNjaUTJjB91Wx7NbDYCj5ER-bQxDHOTxmd1qNp1J8XYo_9cKRnD1Uxl-fJ_rdPRWPUalI6ocgtGGXNPBg-SiLPOUxETjj2hyphenhyphenSyjV3ZOAIBjcx3opOP6oSbXHKpAdInEmbTBII/s36/26.gif", "(b)");
    emo(/\s$f$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgHfxhCKLJkO5gG0h6Mr7hLiESbVptqK5JI36eTcoJI22s319rNmeubDuI06mM28hRCU1jZjhLJzMN_13Zaa20VEDI2rx-2JKeJoIn9DldY68R0i7Y5n7R75bJhIzyqzPbmQxG4cBZNjw/s36/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0cfGXB2Q1FGnXPiKmJG3QI0w9Wj_LDutA-gyQvh2tfHruuFhjoNSnvtsB9Pz9Qs9iwYpcgZsIzyLm9jSmZw0GHrPKCQrcDzl6s8kcHaXA_GCM7RVyHCGMAwWvumZCKqfsIwtFUn0DM8/s36/28.gif", "x-)");
    emo(/\s$k$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNkyZjUS8K62f7NKoVSoZSaEG7x4j3YvvukyBKo2KyMVoT6OqcEJnaGYIkiM9SKAJMPeugpmzb5da71Rz6422BrwmLUk7dYHpc9a1Y5UhKvn3eq9yWayZVqEZy4_7KvwRpqHGFPUQmtm4/s36/29.gif", "(k)");
    emo(/\s$h$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVbrkTCwzb0k3FSdrUahyphenhyphenn71HSp5uvBHto2I3etKaY2rgYPP2IX00F719taTgocOx6LECshYI-7RSFAJkYUP0ivduA1Qjk54Jiurkbj9zJZt4XLX8VROFTsEt_3aKXf38A0pGaG4d8s6g/s36/30.gif", "(h)");
    emo(/\s$c$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsKxmVR7se5ipqZi21DZf1SVcYDAIXZJNqNT-X3DwfZbguOa5VfMgxWJ3VUYwNQHlCo4X-8ttYoSW2HRn8pfQADzf1FsaIh1Ds85Mpb7pSswOstizKlv7zBH58fRNd6p5iBaqLSxzm7Bs/s36/31.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMxiL6m4tgC-ig86EIAbhce6Zsf2BkMpQtNdtdtiMgSoxDXYMYu4lFeMhKZBitSZrVQT6CGVHtSTFGzgR-wURBEMZkVrUlMRSJ1lF12S27VyT1kUP_olxNJas5-NOrdYArMDy1mdV5ixI/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>

Untuk memperindah tampilannya baik dengan mengubah background maupun memberikan border silahkah sobat cari code ]]></b:skin> dan letakkan code berikut ini di atasnya.

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

tambahkan code berikut sebelum code </head>

kopi kode itu tepat diatas tulisan postingan kalian (ubah dulu po stingan ke bentuk HTML)

simpan dan lihat hasilnya

nah mudah bukan sobat cara Memasang Emotion Keren Pada Komentar Blog.

Cara Memasang Emotion Keren Pada Komentar Blog

0 komentar:

Post a Comment