Memasang Fitur Emoticon Pada Komentar Blogger

Memasang Fitur Emoticon Pada Komentar Blogger- Sebenarnya, fitur memasang emoticon pada tidak wajib untuk dimiliki suatu blog. Karena, emoticon untuk blog ini hanya untuk mempercantik tampilan kolom komentar blog saja dan untuk menarik minat pengunjung blog untuk meninggalkan komentar pada blog kita. Emoticon yang sekarang kita akan bahas, ada sekitar tiga puluh emoticon yang akan ditampilkan. 

Emoticon ini sangat berguna untuk pengunjung yang ingin mengekpresikan rasanya apakah dia senang, sedih, gembira, dan ekspresi lainnya yang dimiliki oleh wajah manusia (lho, kok jadi ngomongin ini sih?) Tapi, yang harus digarisbawahi adalah, fitur emoticon dalam blogger ini dapat berpotensi menarik minat pengunjung yang ingin mengeskpresikan perasaannya setelah membaca artikel blog kita, entah itu senang, sedih, dan sebagainya. Untuk pemasangannya cukup mudah, Anda dapat mengikuti langkah-langkah berikut:

1. Pada dasbor, pindah ke Template.
2. Pilih Edit HTML.
3. Cari kode </body>. Untuk mempermudah pencarian kode, gunakan fitur search dengan menekan tombol Ctrl+F.

4. Jika sudah ketemu, letakkan kode berikut tepat diatas 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 = "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>Klik Untuk melihat Kode emoticon!</b><br/>Untuk menambahkan emoticon ke dalam komentar, Anda harus memberi 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/AVvXsEgeYaGvG7Ag7gRexxiOQoiJEAuxPIS7ji4AGEF1uhNEz3fw6aFvtBXtRieK0ESIf1ETypMLNjhNuCxqHdJnaiGIefOTtzLC_xjZhg2NGj2IyrsWOzwTG_0K8QR6r1P3l4kGmc_CDTtZww/s36/03.gif", ":))");

    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZnkBKTxi17nBKsDO7xnwt_fgSXrBKS3Xf47AUvHAwz7_-2j_k4kudjvkd3pEb9GVWqxp42NAaGH_v0SpwqB7Gapamrh_mAw39sdM8yhxSDtbpZ5TGn3JdWe3Ag2JwS5wHublvKcMBRg/s47/06.gif", ";((");

    emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4dfN3Kjw0IyVHg3NjVyeZ7jGhrWMK6TDxljQiaFxo5WG14I2F8UrG76ptpCpDe1GolUIjUxFTt2Ovnomv-FAv0o5aLPpvEtN3KXZOxdiO6YaG6-oyqpX3i8GSL-OVgMoMmKNwpiO5_Q/s36/01.gif", ":)");

    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCyLQzD5BYzivtRCQEYOGHsHLpaUhn8nvn02IFDqRbbhyphenhyphenoa1bsftB-8-wzBVHezhCK6UXfkUbT32umBsEHzZTXdRl0mYxk8khCNRpyCbXSuV3JHz8-MlC8AL5ESmWrOJ2MBsu-fuh5YA/s36/02.gif", ":-)");

    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQHGMTp3piedce6AZ4oxNK1z9TV06P2B8LL6VTXMbuWNkOsKk3UnAhBRAEO7ZCyyJUDq6gNWAipaRFGKyWBJEmV9lfsQRD9hMPkW14-dMBFXAQaMSOhRBL9dC8aDI5ednm16GgDwhuhA/s36/03a.gif", "=))");

    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR_9oYBzdOVQHs_2pZaHBOZrtWACOsBy7QQt1XSXP4y4hgVpEjI3fwjeWqIXmLDBEivJ4P7Su3dIQQDPTdQexgEJOgC1lwgQM3lBwG6V19E-9QEYzbSbII0WAg14diz-l0jUB-y3i_Ug/s36/04.gif", ";(");

    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp4CCORWGJlKlv5JgUD0XfVLXuHz22fP-3iPgWsa8JQ-8qPuvocOj9Kf8iPsUw7bcDa_4PeSM8pqhGJQ3Wa0qOgT4dGi2dSwtM_FFq2VqoxIDFRmFOiEr2uF2W-DQfKLRXWsjeEBFioA/s36/05.gif", ";-(");

    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1BqQoTqBNcePOujWrEOEOIoR-BezKAEHtg7VRPyOAsy_ueqF6GlEujjiuaUrJ_F_YcdhaBLe8EHJB2ttpNwg3VVpopz5nzvcHPgNwaK9gFTHT8FzcPhxzHUqODuL5sPf7kMb6kfTa5A/s36/7.gif", ":d");

    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_y8hZyyFb1JRx2UFV_0ikQ4q2xF_Y_n6MHrp12_f37-UZ0NDUhI65Cmu6vv7BSO-Irl89qYvay6QKJXfn51uTJfUJWs3FK1YBX35hWF1eYGVr0rLlSBY_aFOiLWIkE8MUNk5lM6qSTw/s36/8.gif", ":-d");

    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhyphenhyphen5BVAXDyKICpBEx4ulWQDOhkUXPxjuEy-zCsw8toptushDuOXcvjZ69iorAdWbFXO3_Jn1vW6vMDpqYVjf_JjDphxVXz69J9oM-owCsQUNEc9eSckthJQqXZDGhaHoiz5MCGWoMBcA/s36/09.gif", "@-)");

    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAnRMmAj2408FKeYO5rT8u8BAauaOQEAjrhSdO_tMw-dU5D5JLzZdY32LgvuIPzzk8LejdEGVMXnol9GEqsfzzWf6ip3KBed9uEvDBmOdQ72J6o9X7ByYx0Pu611-POwxF70jH-hqaCg/s36/10.gif", ":p");

    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivxuqyCqtOCZKqpyV817WCLOl5bDF_52RzlL8VbxJoyfwi0jxU8a8htbk_n0pYgqpqYLOQXulmmnHndZ9acdua-yoFHdR1X9kitXhUPprdvz6UBynBaBNimKpErs2PrPH5PSDKAPnmLQ/s36/11.gif", ":o");

    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr5dDO6dPvOL3C1uF8MrjLqaf2lskV-zNTYk9oa1XtHPAciuK10rHaGEaTCHIdimrDP_Zfpg-AR55uH2gVSi61MwjfJg1wsUB4cOOp5DB-J0ndcxFoJVDZBHWqiExYLqAlddMs9VE_kw/s36/12.gif", ":&gt;)");

    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioDKcoO_SWToRcwOsdxGS90PhUj8B-Cgg9imq3XY2_qJ01PrqAcq36Ugs9AZzsSxdRcErME5OfE8LfbmeJyfvFGHoQlx7ETjtvtx_FUk-8FvbRShhJTfGWoiDGW7HPc7ObHk9ETGt5kg/s36/13.gif", "(o)");

    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOFshgOeAUEZGNxyIcOCJ_lPCgfMe6rxsD_-bAHurd4gTW0aE2_Ti3Q2yQHKsPMHSDN0om8Zq5BD57WcFeQFW54ljNdRGGpvcRis8amDUVAh4zA2u8bJtcFWHvWJYK_Jkq7wqUC5TVUQ/s36/14.gif", "[-(");

    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBphHXgH18rRS8qvnk-J5O9kkxmdBt2kE7YlU0GPHdtqVDvrLWDvHRd5hvWb7t11hbaFuSsE7JH7Ig02obkivZ8FwqHUP4WXaPOEYigqPMfO-PUdS4TVWYBII4EqzUn6mcuHHVaf4hlA/s36/15.gif", ":-?");

    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwGUEA0XTCbYqBkRHbUr563eGtmTh8ut97XCG4JIo7nRw1oKUKsXlxktItyQAA2KoyxNr2IQqLHkQHlgksdvwKhHu2jhoAP6ZwL56HVC9suZeLyYFlLMlRFyMqT0fii9g9bbu2jYGvzQ/s36/16.gif", "(p)");

    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAbZzGMZPo5bdBqz1ByCIe4IMwG_dejKJKIgjsBwJZLzgaVbRF5IFyPhTE_c2Vi55ZFBn8PKcOPnuLtOHsranKtsjLBae8yjVBM0BlQ7DOQONODRIPN9_CTFIEfDhcuQNiHwHlGRNlJw/s36/17.gif", ":-s");

    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb4Wl4USs59DPYc3W7gMUMY19gV3NfIZJA60bnDXu6Pc0i8v-R0dayC0aqZSxxvJL3k98eaBjyG_Rt6JIiusypTR2DVuPY_eX2b02Sw9S8uw8juxuIO353j0d1FjiEFxwCuewN3my-Fw/s36/18.gif", "(m)");

    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRDlO2hp_IFpVxEZZcwyYBm14AvWbf5PoJPHN_OLA2XQRIDZ0PP-FW0dz0JmYN7OfxFiTpVnwn-B9G0VctmO-yLNgYZtKHT4gbCBFu1kJJoHlyiDDSqGZKIcVss908ibQ_PzogTlUqFg/s36/19.gif", "8-)");

    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga6tVBw9857UfuvRUdmDGse4qcH6kZViDQPDDClarO7ODw5S9-YeAqY_r4a0pI3lJ2-2Vh4ZvT8fGN-25ucgnbFwoqcB4ZvYNbPZfUbQaVBeUdYsDlqd1SXbTcboL-Y3XOAPrQSOkfiA/s36/20.gif", ":-t");

    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzqVX8lFZKVQKaxyGbrZND8kbDcao0UvSZApT3XAyYc7w19xJJEJlwsV9SY1CXKD8MybQwLFucPUQ4k34p-OBI5E1HbHs4DfTHyuBi9sqDD4whNRTCuD9oIHR7jDD1Bkbnv3kAbMrPOg/s36/21.gif", ":-b");

    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUteAC-GK0PEb4rleOUgKSbOtrH0370gC02lKM8Bic_JwAsAClbeZPgyz-VtmX0sF1hvDuclbJEfGGgnTTwVahCnRVPmJhk0TzmXMt9cx_KiPsiayKbJ5M84ev7wDYfbcqIqMZs4xZXQ/s35/22.gif", "b-(");

    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRMJjjRlkNRO_6SRrBLcUlFeyTW_xouE1DuHwewPm44bV_aQz51AcYmaxvp7U9VSSETDNiGLudhPgwvsLo8t8mNhzrZYOaB5YJiip49f8FJYrp4_qGbIHe7SMYdUjEHOvJ9Ejfvsg8Qg/s36/23.gif", ":-#");

    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsa9UHNWM2KXCbsWStMVwLNFLiozbGLHRCsKsNnqYATuB0Sf2LqjhzWGShBVJ31HEUAJ2g9RXSB6PCj0EvZi2MONAplCu77qcmYwzivjinE8rFMYJB14erG8QRxMjmTS4B-kUVtWjfYQ/s36/24.gif", "=p~");

    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_cI9KQ1rc2nc2cqE02Imyqt9izQ8FeMUzfWdNyhVPC3tf-lQ_D_3UPshrPuAmN8w3zdR-oi71-1ctoqUDim7r3pMd6Tc7t7aJAgeCOLJLQOwKLmQglCfBlaMNx_3KjQ-P0cneyIO3LA/s36/25.gif", "$-)");

    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp0ISrkUwrspnmD3w1Bggfi1sFRYdIM0z186PsvdpFSaeTrHeMX8lomgII3eIcuMcX_HXSN_Kkz4HXVQvyzTFr0jpvEbzDl-SqLETeE7VzDFnFIY_KiKf-uE_QDC6NB-iBweAlS1HdAA/s36/26.gif", "(b)");

    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYfK3X2sPPlORMgJ2gnFRWBqTGwJpAo_yYUYjUZ0Lb3m71ZRipQ-Xjd1HEJCXImeA9fMMI0eeO4AE6CsjWEIu6LLACfbQWN1eQCN0kW0LxSK7JB4oN_49YaKi1UzwE_sKyf_CABwY2sQ/s36/27.gif'", "(f)");

    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIDvz_EV9vt9_gyNvR9iZIQ2QMqm7enW2ynCaGXQ9CfuM-5pILOO4rs4PySc46SUhBrWJDugrtWsUFPswoxd4xrrSNdECnoFngzXwxnorkVQtnVhjSZxR3tLCxvcM2TA_7A0jyHJvRsg/s36/28.gif", "x-)");

    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0VdCIobYwrLlTloogr2ps92GkvUTShohyVkhoQlsZY8Lyj3mvpHHTD0juDI_MHSLf9EbaLjXNiZXK5ODfXRwC0zML7IZ5qDQjuEwg2M8S8-7l2PgRGbg7OfsD8oyoemF12EM2Mbofgw/s36/29.gif", "(k)");

    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix6-GewvQz20Yq6W3EhlSTbzXtI_ruRnqXECL5PHN68D87uRuWx7cHMQPYY7bGLC4M44sd7NtYw5WWskuRfWqJ9sUpcD0xR8Abnnurn_Alhj3fVhCCyS3VD4g31jnUoJZWgWOW2XxmFw/s36/30.gif", "(h)");

    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigFmouwG9maaWUUPaaiIzeV36dzg4AzHcqQV0qKFk2l1JdMuKjbImSgL65ogctjjRUeQl9EJyJmQMXy8ASsqYe7QPuTgQ4Kes33SiLkydO_O-4AJMsbeXLkCLc_JP7HyPoXMzR8WvbLg/s36/31.gif", "(c)");

    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikIxE1hmUz51leYo9-abAwacnF4clg9nGG1ytKrINpZzOgQhkcJgB3SC8E65iavhUq9HKUIx8dP0hkREJ2VIMkienOZnNj7BcQGfNiVlQYhP_ZPetxKy2KU7TSARemnTjUzC6YuOAYDg/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>