Home Cara/tips Cara Memasang Emoticon Keren Pada Komentar Blog

Kamis, 25 Desember 2014

Cara Memasang Emoticon Keren Pada Komentar Blog

Cara/tips Darwin Messakh 00.30 Tidak ada komentar

Cara Memasang Emoticon Keren Pada Komentar Blog - Hai Sobat Selamat Datang Di container88 kali ini Saya akan membahas bagaimana cara memasang emoticon pada komentar di blog yang mana tujan pemasangan emoticon itu sendiri kurang lebih agar pengunjung yang singgah di blog sobat dapat tertarik untuk berkomentar pada postingan yang telah sobat buat.

Cara Memasang Emotion Keren Pada Komentar Blog Versi 2

Melanjutkan tutorial yang sebelumnya yakni Cara Mudah Memasang Emotion Otomatis Pada Komentar Blog hanya saja karakter emotion untuk kali ini bisa dibilang lebih greget atau lebih keren di bandingkan dengan karakter emotion yang dulu.

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

DAN INILAH LANGKAH-LANGKAHNYA

Login ke akun blogger sobat atau klik disini

Pada Dashboard pilih Template » Edit HTML

Cari kode </body> kemudian letakkan code berikut 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/AVvXsEgaBsSd7_pB1K36Tzk-m-cfE0dkR6euaUopTVcjCjtLB3AffifUhfPJb4bCtaC3N1KHxupwIhnhfvO8WuCAICQnURi7Gsx4PMoEYHXSlJtI80CLIjVO8smnWLOS1bCNMgi2dJsEhymA-Vk/s36/03.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-RFauKgFgBXZLI2_PQE63KWN__Qiw6Po9PDk2DtbDamw4PpFTJdwVFQtM9VoElYb072UV7ndzaZXRbnYWmpTsYAD5l4YSHqlqjXYX5GkCW-15TSpFWx4eRAuKAC4UT2EiVPbz-IYaGMg/s47/06.gif", ";((");
    emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKfyvsvOLIQXkrAMuZ4-0z3BntoiiKb2Mecs_Ma64Rp5UaPMcLYXPu7fXBsrG2Iw_g1NECM2-gbCII95Ywardb8obwYtbhsB4GoS8FMcB5xraBWgpkh2y57XYyl8XYyufwEDvtYAnsPTo/s36/01.gif", ":)");
    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGenP9fAaXWT_tnVQ-OZdIexcJASbw8TCGBeJtQ2N9AA1tqppChh21MRRWiPpoFV-WoShYqY0xSy2A6jK0XCwCIuLjAAPg-XHsDgXxgdCsCvz-MNoevtaVzrrJliXk470i7_qy7LKtocs/s36/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIS80N_eL01w5F4bVp0h1GC6WDp8zYxSLyIQMCBJaRtzieOOaqGgJsg-PQCPVgjOpXCQLkb-j4kBL1ViV3ROXC1s466GZJtkVoJTiNXnwdUUIqNGyHpDZZkObFXnKvgqVw7s4ntEnKa6c/s36/03a.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF8tG5b5-oM05p04KcZweQkLnv0M9rBUdwjh_eL3h4TQyWtPkQdJrnRh0nCJK7GQoIOANy2q0JQH4ysHgIZLImvJTGxtUReO31o3-2qPeZRhFdB6uuGxQ9R-0bF8zvw8BkUFuETHIiNHs/s36/04.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivba4AcYhbHKzLX6N7MIwIOhoI38phAgo_Hj05j3A-APsMT7o9VqPtaOAcQvAF61gFqdnhDLV2_bd9TaG2rBRbNeXSwxeHX4ZgfZDB6Kihac4Xjn7JK4f2wrNZm6wWSvhOdW8mw-QyWJY/s36/05.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVNCdvBFe9hwO-xydbCzzT0EJleF7T-VAAIV2vHl2FvgV30F1OOlkmWm8p6K0gLHbOnME-kwpb7dc6NWgg58gjOgyhma5ULBkn22DDxkLiVwgMjEQWrB2mEfUnrtkZRjdDt97HWu1Cr60/s36/7.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOOIxXRuzfy9RVPiNWbgpESXQ2U6h81nydj4XiCu_OmtNNTM2XGmaD7HuqLo8hh21_f0a1LFW-qjfUlrmJzYeNK-qA2qgfsBIRg_SAc1r9vzXfLCy0Vr08eVYU4yzMGECXt8unjyQhuM0/s36/8.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj69DmiL3Fg90wySGJYva8Oe2zsDmj8DMwOXvdde8HpKcRDs-iq2jYQomum3tqZYBigBEmdPPyyPeEPNqtqkTR92B4GVLz7NOfgC8QWENBHskSjZqXUV0zO63C2rc9HlOZ9n5JZO35BXxs/s36/09.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9ABaQZtoUl5gqc1dkXiUA4PRVnzl4DTh0gO_ZP81nHP4SJSYz6JWqLPRm0IKUYPshzHghCMV1-CFBhYVV6E9DEy-gbgvGOEKFw8n6rV3O2iZzZBbxMjqRoCAfJSEjxIpQQ9WifYQ0Zus/s36/10.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifinxL9ktj6Z3esh_41zTn5y5CKTD5_bIAtpzoKp8VEDaW4zWOB7qlvOttNa4mPUGqC6VVZ3SKgw5ANXbvMCy2mMnRQjySfmHsDRIEoUoWJ9NyKNlztYkIYS646mDbvc-iH6Z7aOTJWkE/s36/11.gif", ":o");
    emo(/\s:>\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG1yuGVPsOoOPK9dXJ58zl5pvAx9G2xn7FlzIiYZH8d6yrFMNr4kid3wxTe5uz49AupUv8PEYLaPlKM2DjVnKc7jUjFQCbRCP7uOLeVhf3o-QlKYQxKkEaG7Ue-vsuWUvz6LLBdSXLaes/s36/12.gif", ":>)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbuDn6JLeiJftx6TPQQDdLjvDwAaNy3qxuj7jvgZOkTFgunAJ2t2O2B4R7gJMC8YEDLJ_CLbH5uWkkV8ljw7_EgdwphCOmpIkCyZEJmUbGJi6vN1vyjSSUCZgA04YshbRmrWM6kXrCIss/s36/13.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX8LNZECZjMMx2BWwT4qCOK6XupVk-yDGh9UWMq93ei1oGXykXIcaINNGyuJkGysAuw77ZJCdt6IG_5iVIm7_J4FVK9LyEc04gZrqMnIuvsNbzRzN54Yy1QQ3d2GGAMTwTVHlvFgKyQ7I/s36/14.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6W8pj-yWOoxlAWhyphenhyphen-7-8RYsSXGbWbun0i70X1ZTLdIDheUOGULi01_zDuaN7fFf7EXYgisERMQ6jG1uzCaRQqUU4eWwviI2Y1fkAdnmEP2JvqgtqfbB0PD7mFCM7Ij-QC2DFYFhsuUXc/s36/15.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvr1PaMQP8MlA5J86aBgnQ_ETytm06rTnzII_nARFAOwLsm5_1uUtkog7ncntIEUlLWT8d09b2ozDsfd0WfYiIHs1gq65fD1THHs_Mj6ur-AJxcuDpUZ9fNg8p0wamHDmcx9UdSBvgj-k/s36/16.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifgYU_NMFH4i8r_G4DW8rY9jHWdQXg8t2l9ezd6U5aEnpXycZLprkCC3ibTXiQEHBxgLFGlnRQ66Jbfm3zangxapJakehqGn9iGQFsWuQZrLhfjQMNK2eVJmTecK6gx5HvfBYMFZb9rmc/s36/17.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYigfMWchQwfnUWrQFKlbE5ui9bTmRaYiHvVY0grIVg2SXVbi1NrvaHigQhE2SAYrvRBnRxj1Qz9eLMBuTL_4IRcBPZZlqafTRIxzdXxNlRCtZiCCTD21PcmrBFx4rAGIOO8KcBMWLTqM/s36/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo69TiHCU7tuv-T9OYAdGSCTwDQjiT5LPryOGLMUDcqYT7xPAs9Y9xtVgnGXRnoVqW46PqMqcHx06NnVai88REXFWLxZKxKo2aDd59DWuw75esiCDYhC3hXw6GEksT5l53HyXqxtE6bH8/s36/19.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpHrVfn_6c-fMeNk-vgAHDeZVv5vk5njy3ICIkfld54hv4VwhLEPG0UDQpuVtjCH4RXyci3YRWPyd4e7ymT-F8OLN8TwCZBz9-2e1XJ22yXvP_j9_r1EjmH5l8uv1rdDOvK2lNe7T1sWw/s36/20.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXxfLk62KpEYpnkUtfRUiOCFwWWxi-SR7gOt_3epz0ef0jyLm-wqD7vglIJOzHHS3Np0LGSx_B9WP8iwshBQNwoT3u5pjIN_i7eHC52HpUhh8tHJVtD_X8DRvEQjDCBOyZFOPluR8ZkD8/s36/21.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEe2D10YH1QsD43IEAM1UHEIm90apvrSmm7dK2g5b1z5SEyvaha3UlwhA0DkUD5NMctK6AKRIiQSKH6xeB6v6SUAO9aEe0opp982MdhyeajIu9DhTg2N8XGC0JerxPAL24RmBxYn7QU_Q/s35/22.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrdHSn0J5P3sYQ4kDvAPMa8c0TVB4d29h3JkN3wXUUCTItcIHNCsfEKsseKxO9fIvMkIxg5LS-JyM99o-gp4mgFFPTQkhJxmyfIiJlPTzH182tGEvb_NX7xxk6jfxZxGhCOWZ320AxrM4/s36/23.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3NbOUdfgtL2LLbuy9nXu52Q1CscneJ_-DzHK08ChGzz0RLlUlzYaj49UWWxls6KpgcWtQd1tYvtH8NykmrCSH1GXooyZB7kHG6euZuu5nhJUqIYs29jM8t0FGH3sDjjD5BhQ-DXvddbY/s36/24.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEildUWzD2tTHI3mrLWsbgyFpMfOfaNDllMSkq9a6MFU1H66YnEa_ktk-6H663HS-Tio66hlZlvUCCdwi-6yvxji9N7MTaeYkyeB016qGZ5el7nuHJPwlaOvFXuUHogbsQg70-T9OlyUACg/s36/25.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8rp9i1gmtIZqkhFSoJ0DDrEDpH0xIVx7U53UbhA5RyHtUKSmmfYds0cKTLjOrvKTsopmS44C7sWqvyMul6rkhxCWLwplO-fXA-5SOwI3FRdYjEQtOMbS2lgHF7wGwgUzWi26iB0QkzqM/s36/26.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRNUOq0b2vil5ffsozGAYp2B306lQ1vBuSTd-_ms4-HB0TUFeET9ccl7epbKCpmlF2QFSsGFtu7yqdkLyIyCaV2CNGUZaS2Dgt8AWewEYBBSI87y6ybeYHWVyyDeJTEIiz1dd_Roc2sCY/s36/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf6QU0X6DRrnmbOt85dPlsZVE5X14KZW_eE_vY3jtrmDfE2E3-_ZU5OAQfF1rzbnSULzvcLNT1ORMRk2C6yT9Sr8Ig0xM3-PbAuSZfx11FEiZQpaMAhgLEV_R_wh2jYzI0CE6_at66A04/s36/28.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJGcpZE0HgjIZFuXtjaza6HCYrT59RvJPdahMtUJj7v2JpEdSqHPcf_uT28i8tXLyDdmTFLBV0S2afqBh7l6qoJTV-MiePVAUp3-wXxNYSl5Ejd-E_-dqpP7JkZD6IdaB6w75u3cDDh3U/s36/29.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3pJ2rcdDqrkChAoYHPbpiLn7K5sSRbeMJrb2B949QFXKMHXrIasSfeCfx6R5-49XnG9UERWrJvK3Fzn5PUDKprrZL58AmNp2a282Oe43bHIcpDGBmW51IoEwUfCCW7IL6T494e_ZaLzI/s36/30.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVyQGKFih8CsNhu_9jhuuG361ePvOUiUQ1c_sRBoaoSMCmRfSMCPpnk39gQkCtUm98V8jpWyyXeamvM52ryN2YqNxi7hBrbw5ZraPaLq1SRnHRmpQUUu4tsSEzi9OtP4QTo3jSQvxYTEM/s36/31.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Qutch0Sqb1RH4pz-WBellcvueArVa92noquAlDt6qAwt8Z0H78x7EfvTN3ADzjyMCTKqFNCi8jxm7UmJt_1aS7SLr0wP8Lwfu-xApnvIzpBCE8u9aeyI25cfb7M_WYUVDedYyzzdWmE/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>
Pokoknya Seperti Ini

http://container88.blogspot.com/

Demikian artikel tentang Cara Memasang Emotion Komentar Di Blog dari saya semoga artikelnya menarik dan bermanfaat untuk kita semua jika sobat masih bingung berkomentarlah saya akan jawab sebisa mungkin.

Tidak ada komentar :

Posting Komentar

Langganan: Posting Komentar ( Atom )