Cara Memasang Emotion Keren Pada Komentar Blog Versi 2

Anonymous 10:53 AM 18 comments


Cara Memasang Emotion Keren Pada Komentar Blog Versi 2 – 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.



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:

1. Login ke akun blogger sobat atau klik disini

2. Pada Dashboard pilih Template » Edit HTML
3. Cari kode </body> kemudian letakkan code berikut tepat di atasnya

<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/AVvXsEhcyjFYK-Mzdbu1i058JpovPEPc_Zq1h7pjgRT75gj-czs-ahIglj3HkvPXAzCUY3LAUom225vcK13l3CFFIu7Yx5Hhe-lLzyAkBMJqQyzZSbG7Nw_6tXNR_-Wo72_5Gk_rsB6XOeVY43Y/s36/03.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3V7WkjXPWSFl4vhYOzLf1O5Cu5QZ3k7ZUgb4UOEc2iD5PcifHHiNSH0NoIsi0f4taRQ7mbW215tSna46JUCj0UVEV2WhKvqJXhKel8AwVAOZ6wRhToT5bF9y0IW4eEzO30F11wwy_o5Y/s47/06.gif", ";((");
    emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFknngr-nw4tYez1fYVW9AHzXgnPJk7AEth1rbD-i3h_NSRkw4AVp7H5PVyLtogClHAHHhR4d7l5d9CKFX4QDsfzVEKtFU4SpTdx6ay5CFe5kur5ZbcDonsz2UjV8TJ2LqXAHVEqUB2Uo/s36/01.gif", ":)");
    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLffpzafTcyZilwB8KOZS6iTHNf99eo_-juiIrCtRDS7gryXcT36BfDhXFw8migRr_DjjtBZWyWe2NQMgQp5CTkKmjBDKdXjyHSOrkHhMngbyV2knbUdt7xLcWCHZwizXSOoIP1fLFroQ/s36/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibypenTeum5a2uxTu1wk7nBoYrMSBwh1RD5pZf5EYaD__0dV9hR4zdf9Eqk0BPakNu1MHgnzOmQl-K2MP02WG-1a3lwN7H1nZWaA1EkF0HJvgN66XsURzYnSVCpffvZEl4AN0mth2vqFY/s36/03a.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBzVa_NyOSPFs7GW8bg8NrmVxb3UBBwd-yI6ePdJUSSbcMexH192c-iqTteCMs7UPstM84HgErrH0Ce5hb9WvzvaXN8_e6H8vCmhsdbMPECFojhwR-EHVIj1Wh56avINuUnxWZFNC9M1c/s36/04.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq7VlfvlczeuhypsekDmrz_N_wu-nbsk_xOK4Q7lG2GjRlh_6CGDLIC4jSQULrgLnRRD0XFpxXjBBNZMoJ8QEA1_QuE25dviDDd7zgBDEXtaxQBnn7VMS-IzGW9Epeg-5zKNQUyx1I0Jk/s36/05.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj73o7EeXg0adwn227dlGIR9VwhwY-64NoD3DtS4IOH4TDUe41jfLx2iDe2j0m4MZaTXiCUHL7qVYDIUqmb-hk5El5Xj8y6n09HCTKOWLgLHZbFu9n62NuEzrIKe00SjXEsdOvaowp17Xg/s36/7.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN3ZKphqwfJNpP-xxcuj_f0IF8MgkH3_2gGKvLwGyhUc-KtoWAuMgabCqkTp7uZ8BTSy-SHJ0PYsuoBkzWbsVHLPKih1dP7b08iT-WWuePgza_iDBffPT_dv2FHlDkJ1yar4UCdzXB_SU/s36/8.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYpXfHtwRSNNkLMS5MbJz1gJUbFdi7u8KsiFoUG-pxJ9lgoUHqi0oaX5Qu2UbKi799lF1LU21FmHA82_FHA1W-wMflpSzhknoyW151rAAb61aroc7ucGMGwgf3BvLTiQQMHi5UPf1V8Ec/s36/09.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlVYt6qc7n8pTBZilAXB4iLC_RPLL5CvpvTALUOhMx4dcVN23e9ooSHf53EooknDG6GR_blvW67xaiPa6fTiAZ_b30S-0A7M78U7y90ZUSJvpIhKX_1rQ2g1twK3Ppm9A1aRrGA2SmxBQ/s36/10.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3IkY2H8Fyu4StM0CczoytNlk8Sh9vc0z8BerNOzGax3U-yo1oz6CtP-ZAWKnG1RdhwQx2TY89GcrJyRraaJSNf-TVvP6qqVQxQ0L0n7Nb9u8nWE_joAmkF-xWQmZgSiYue3jh-bibz6c/s36/11.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7IFFDdvIibf1dKFEeFTJLoh070SwKnvEycpl6G55dirI5DYZdw_1Aa5A5X5ZJZlwCLAzryeUJyW5Slh6Fmj8DwNFiY1-bUdZotu6M94oLrngUtzvwBsLkbfcta26aE8AnE0iXzpVGIpM/s36/12.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5EpDWeknR0k83LqcfMXNTsuyHeSFZDzfhi6WdDaX_HKYFHCKSjz3iky32133Vt9NoG33NRircUscjwznfpo_3l5gDc5gqSPNz2ljjHyZxqQluhLYVNuInZt_6qTP8XJsUY8sshw63gyw/s36/13.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip9fZy0hGbmnmSoRYwG26mZGeWOlu5Izeirrs26nkBInve3k-beGYc6QY0uuMw6oWpIgiEiha4EHgATil3iFNnJkzFuoomWeSSFlNkI-8OOPobn1Cg5-k-uH1yTaVjp7AEoI_ylF7TRPU/s36/14.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiooeXRmiTQCWOc-4_PSVl8VJwjop9vxXnCNQozGIEv71MNQF7xV2-Q9l8G9Hz0PGeKELJtSY1SLvHINuSauGeApwdTUVZPV0CjYwmT52jco34L2BbpyS_Utpf34Yv7xIL4lxxU6MhABw/s36/15.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDDFjJVHGmFZIfW-u2C24FSwdh_ymS04qgm8t6XQhdJjyhEcB2OldRyz1U71w1aUQTxciCIXCGUwAW0XDWqvhrVIRvhBjAOF8Na9Yq8tXeMGRgpfoE5LofDDA2vZc4-Lfu7lxaTQ5aQmY/s36/16.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1EA4oLm2H16wCmcm3-Ioy7sFC_hw0R0mVahNurER7COnOamYtPmS8xL9x1V5AbI4s1sQ7MJMQPZZQIjrHVNt8THP1XU_KXtjjsXMungKC86Ik2_uFwUs5xa32H1ra0v89Y9TsCOoJqO4/s36/17.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWVZY4mFEI3YbMvhMXmeqiytXRwySsQUm6sr6LRckADwPLKSLTzqSSyq1xhd9h_HAkFivuvFSlsq-U1R41fQHFitIin7CiIq9S3TB60coMn0I8sSEJOuDTdxacv-1boQ3bYOWKP4fSvqw/s36/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU1hyUqWAcivgi9POsuPkUYMZ1ACPH-XD70TM5bIQgVcN1v_oYxyB4w4dpxUb_v_dy56mfJecniJsV-GZSmkaIdg20inxsMYdjwOBgf2mmD5i8Hv5HHrHtiKsMd9GJnWd52V_rRYxhVzM/s36/19.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh88Rdiwc8BgMJjmJqMyyOA1EgJqtUMTKbmN6AzrKrFeYqlz7rA-xGxPevJzrP66mTnKpRrvlR0AIGt8Q-rabKoitGl9BqIW9ZFUJ1e9St9z59-J9NLqaeX1WHfb8KTDzci8SCSpHsN184/s36/20.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1jA6adimeyuU9qHDEXGORZAwBmTEukyjvmQaJEcf8-UFu8s8qRIOnyeC5qUNZ_IhKIOTO8LwldLikqksverTW9f1yKZf3hOEK9_i9ebRCIgh2XIo2Ia_xo7narO9BsbRfqyTjsLzsSUc/s36/21.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdwHuTEFsMx78hy0oXo1qvev_zsvlpBsUPdgGicXFUnD_AvR_niWK6hnCXwMR5iOFQhua9uluDazlRwHZKAnQAmucrAptWEt3gFh7w3Mfl1aAPB4v3iY5kOWK41Uo6otQctsoHKNQwGxU/s35/22.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAShUd_0ZRg9hZWkd2D8YynCHelM3gdoghmQz2KspP7xV4MyM3jkWjs8B5XlE3xsn4iUXra1DZ_jhwzzMuQwPm4Ft3ad0Av0b8ioB5yHflSMFQAh032wo27isJPsUUkGudtjjvuQM_PCs/s36/23.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLdu1moNuz_ZhENYBuDGwzKtyNUTD7VTW0Pa4_5DfWAHCA2Dx2Q4WiOaqXpZUoEFSWr2iTlJfLU16lhfQhUcPgLLpMHP1Wj892L0GCPoDdN_RqpnkXgZmddHtdVs9ueOpM0Lr-Xsxwxq8/s36/24.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCVUSa_6IMoG-sK5fPbQxjko7qIq-DYPTrHfeAa2fa3js8REnqwhDNqhRAEjzz2TQFRCdrdrSkeLsrsETF7pQGVmRbVKIqr5XcqI_smuOQuohRvqAf6PgEo6YoKi43EVBIInHhwIBfrpU/s36/25.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwF7HbSGwX6BFmXNj0mLiIv0Y7dVor3LCEwM5Thpq74h3kXI4Q6Mi53n_P3buJ3vutfE-Np7HJJTfGNLgTzPA11vi35D5e9naeEHJtFqfBPfuTyCfJocvOL2pMs7xoTLHvqivxmSmBeOE/s36/26.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge00nx-hoEoRfsvouAYnrQ6cl9i-0Qkr8ZHIqGN5ZXQuNrFCz0zRMATl3eRMGioEVu4Xk1EKSvXy96qVChKw4ejwCxKl0jYi2eUCnf87Lgbcw8ESNCEVdjnudxilUhaB2ePBn8Zj_9qFE/s36/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmYJAX2o3iQhR889kiaAlvjhY4tA8h_0XuU6Oiup4MUREIXKrUhr-LpRiK8qJ7THPtScCKiR1on81rmGmUwadiq2TEVVja9LF9POZ0DX4t7IZb1Ay1rgnYOBgAorq8Oh2gINFNvSAO16k/s36/28.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhorAwkUB7iVzHp2sPXd8OCIAUOX8NBRk7z5n8lthddBcoLbgvtle1oU4KvMuK8MMV0qh5I-cGiVm91vzbPaKmeoKjr9pjp6srCYsrKH0e8qIlRR0YTnTGwlhiv-kHk1WrozkaP3cruapU/s36/29.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNx3ecE6B0SzW_iYybDhmck3kpu2tJOtTY3KcVkCOlIfgeaCqZsQdwXqVgnXFgPv1OgAJym_UA14kpf2bNs6ZhG_J3vck4i4LtCspzzrLe0qXKnWDRNe65Bz7yzAG2xXlepkeW34vDUtg/s36/30.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh45RAPz3BHvzkIVA0dMkV9mfynD9-cRWa78pjw5yWuUjkyw5C8pGvN8D57FThHfQ5Uzjd1DHb8IjipP51ihxPjA5jZdDMu4VfZZIVn64m79pHOEMOLgKm5ar9cI765cDLdQfFNBwM9iug/s36/31.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvcZ72v9Tz0zp8x3vD_fz6GBeoLaloAPvN8U_NIfV1T65pgEPxYrqfLrYbt8mip16KYJXdEsShWlalQh6BbLoqyNBqAVOU0iv2TnLkojwT5uV93JAfWXLYbTapH4QKRMTiCQMH7n5abfA/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. Untuk memperindah tampilannya baik dengan mengubah background maupun memberikan border silahkah sobat cari code ]]> dan letakkan code berikut ini di atasnya.

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

Gimana sobat mudahkan cara pemasangan emotion pada komentar di blog? Oleh karena itu saya berharap satu klik tombol g+1 buat admin agar untuk kedepannya blog ini semakin maju dan berkembang. Terimakasih :)

18 comments :

  1. UnknownSeptember 20, 2014 at 11:39 AM

    ;-( belom ada yang komen ;-( @-)

    ReplyDelete
  2. UnsyarifaSeptember 20, 2014 at 2:07 PM

    test :))

    keren emotionnya

    ReplyDelete
  3. UnknownSeptember 20, 2014 at 2:13 PM

    Salam blogwalking Mas Hendra. keren tutorialnya Mas
    Dengan adanya emotion di form comments akan memberi
    Kesan menarik pada pengunjung ya Mas..? :) :d
    Ijin follow blog juga Mas :-bd
    nb : http://karristaent.blogspot.com

    ReplyDelete
    Replies
    1. UnknownSeptember 20, 2014 at 4:06 PM

      hehehehehe :) udh di followe back mas :D maksh udh kunjungan nya..:)

      Delete
  4. UnknownSeptember 21, 2014 at 12:53 AM

    Keren sekali gan :) tapi untuk blog seperti punya saya apa tidak tambah berat ya gan..

    ReplyDelete
    Replies
    1. UnknownSeptember 21, 2014 at 4:03 AM

      kalau membuat berat blog mungkin itu faktor dari javascript yang terlalu banyak om makanya blog saat di buka berat loading nya :>)

      mungkin ini tidak membuat blog menjadi berat kok om x-)

      Delete
  5. UnknownSeptember 22, 2014 at 5:58 PM

    -_-

    ReplyDelete
  6. UnknownSeptember 23, 2014 at 5:53 PM

    test

    ReplyDelete
  7. Pratama AdityaSeptember 24, 2014 at 4:12 AM

    TES KOMENG :v
    http://madevake.blogspot.com/

    ReplyDelete
  8. UnknownSeptember 24, 2014 at 2:34 PM

    :shakehand

    ReplyDelete
  9. UnknownSeptember 24, 2014 at 4:58 PM

    :takut

    ReplyDelete
  10. UnknownSeptember 24, 2014 at 5:01 PM

    mantap gan :thumbup :sup2 :ngacir

    ReplyDelete
  11. UnknownSeptember 24, 2014 at 9:12 PM

    Greetings successful

    ReplyDelete
  12. UnknownSeptember 25, 2014 at 4:54 AM

    maksh bang andy :malu blog nya juga mash baru bang :ngakak

    ReplyDelete

jika ada Tutorial Info Blog Indonesia ini, yang kurang dimengerti silahkan luangkan saja waktu anda untuk berkomentar, karena pertanyaan anda sangat berharga untuk perkembangan dan kemajuan blogs ini.

Soalnya diblogs ini adalah wadah untuk belajar mengenal webs/blogs, disini kita sama - sama belajar, seandainya anda adalah seorang pakar blogger profesional atau pakar seo indonesia bimbinglah saya, untuk menulis artikel berkualitas.

Terimakasih.. salam kenal dan salam hangat untuk blogger indonesia, yang selalu setia di Info blog Indonesia variasi blogger.

Subscribe to: Post Comments ( Atom )

Recent Posts

Contact Form

Name

Email *

Message *