Cara Memasang Emotion Unik Pada Blog

Cara Memasang Emotion Unik Pada Blog - Tutorial blogging kali ini akan membahas "Bagaimana Cara Memasang Emotion Pada Komentar Blog" Tujuan memasang Emotion itu sendiri agar pengunjung Blog anda tertarik untuk berkomentar.

Bagi kalian yang tertarik untuk Emotion di blognya, langsung ajh. Nih Tricknya :

1. Yang pasti login ke blogger anda

2. Pada Dashboard pilih Template > Edit HTML

3. Cari kode </body> kemudian letakan kode berikut tepat diatasnya

<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/AVvXsEgObbhnTmCQPvJZeFhE6ikLvF3BKkPRDgWfssaGr1kj5PgR_M__99MqtmFt5c0e-V_sJZwKBSW-Xn6aLTgVvOPI8h3wBlmIGMEqYgcGdS58ev0IfzGj7izIiPHTZmtwm13FgaOaW9q8uBI/s36/03.gif", ":))");
    emo(/\s;$\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw0xqmxRCZHOQScldgW63AxWtVv-djpoKP6m8DXpfhiK2cQ6h9L1mbdlHoHdQAe3OWedBYHkQtYb7HsF2qYv7Jq5eiJP7IiCsEUZOEnIxaAK5F6FDvBsp1lAasjOpFpWc5qWuOcESy7nQ/s47/06.gif", ";((");
    emo(/\s:$+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0reeVoiDEIJ1JXitVhb_aDnQan7gux3v7DwNxUvKCgBp6lscKEtGur5hMQaMQXs6xg-4VruZz94Ac1skHWavT9BAW4YYCn17jc-sgCM3dEpmxgYOZ4zNCj6d86lMW6V-ZpKlURy_5HaM/s36/01.gif", ":)");
    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgUORSJUpPYrj4u42qupBrRPTt29O9nFgoFWUH5II8QjdROA0vUmPxLvN0OJPa-NzeND0QWUMTaB4aYkJY0NJyfKd8eX-yT8inszGZcsvYRZvN5P-GDf8Cx-SfVmiMD6ZhP3GMbZ1BEWU/s36/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikbnsnN08xnQ-0DPAOq8tRilCDRg9b9LimtuLZS9Qx06XC5116z145sL2HGuEK_IVle4s_2KM7s01CwB9ZYNKY_TBbcNY1Dmmi0NuiKIXqKgqt_zuJK1ySdF9cUDVAgIqP_SMXPICTpwc/s36/03a.gif", "=))");
    emo(/\s;$+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ2Wb3BqbZsThLIuVAQwZaStPQoc2ioybq2qNzoZtLq4bfPBOBlla68FSO5ThuQhYgOuHdmYJAvZZV0ZYvjqF4Ak06vahpnFKgkuy_8xgPNPIPVemRxXE7UQrezwS0nmjGeAQvJSzG2Q4/s36/04.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuz6SrhqthTHT-O4IzT1qKRWak2hR86I-YKC1wBPR9UCDn4YE463U2GAtZnHBtRKZ5y-tEZmpUNdAf7c-ix_PMY7mwVDh6Ios5YPAHBfmd2oeSwhCGpQBMHBHvmKRQ3MgbBe6yED0BAg0/s36/05.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC8LydcEJSB-3AlKpFiEP6hhWvSEFUUzfTv7so1PBmOdTKosyYfRmJW8ekBwPD2lppmlV32qhqB-8sa51jLx4irEJ1ei3MAYwB-wJyQjM11GymoqhdI4etCNBWtpEwkKzoAoHNxA0OflY/s36/7.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXS-jWdUPkjmHndYX0uLX83wiXbC55NnF_Gy5UMV0h7njvIN3aMEVkLaW-CdJvvp2eiXsfHldzJVNIFjX99r8AiIsatyx4ShQabig3RLOsqDHdlBQ4XziIjx1nvhTnFKgVdbUmnNccQWY/s36/8.gif", ":-d");
    emo(/\s@-$+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoW05Zg3_S8w8-jOpmv7Z1I64ALpFZHLZVgmFQy_i9cQe-IPhbH5GnxdF9S0IsQHYVNIzUF3VY2ioXEqDSz6eRYkRBfFq89PLwNTCXWKanhYmAUs6RONu6wJ8hpPmYA77ATS2tEUQ2FVA/s36/09.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheUd_gdJnCHuBipCQn89nfn8RHQoJayOYR0V9ICJNpU2oibKO8uIgv1wYTLTIR2zZfPKrd-yMKp6aH7YZR5CTAuyrTchaeSgyJbrbT96SflyU_Z_LD9eSd5IPEcmAOBLpcB3-fVaAiU8I/s36/10.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU2-s7L1IXXjj-z3_uj5Ps76E1tvTklgLx8OSHwzl45Ic7bM3iDZbd8G2y6MxkoxCEA_ztVMUsp-kUVoxglToDKFTcW08vVJ4OFMXLJjHqPkkPJf3iGLFD7y3mkYbGOkQ22CosxkM7o4I/s36/11.gif", ":o");
    emo(/\s:>\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFhi3qOm-3nA0NRtga5hAj85Fqy_Dw_oBPLMs-h4Qr-2Lxtktx9ZjIl_8zVG_ybEqNHnq8GQroEKb1b_74gXvbQd6MNCqDdz0z3EQjvaqTcT_Ekh5gDDgzHUXjV-pvR_SUn_QK2kHNyP0/s36/12.gif", ":>)");
    emo(/\s$o$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuQAhGmvD_ATaOyg1dqRmijHP0LQuxEKvIU9xll3akVq7DQkspYfXLACa754_pUQ8bqc4o09BBVhAqhgOMENCVeRk801Gn4UoCWDRnw9yvNgCiGXK12Zmg0jV0NrJNB_pzbgJMhTw2Jos/s36/13.gif", "(o)");
    emo(/\s\[-$+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaiV7E4-bDME_kJbs6xJtj-Gstq1AJgodyY86iVqmVsrOMzzj-9gKMnEy88It-dGoUD0WLZTSH2FIjo48aA9ck4NiOJrKR3WH0XiOeIQzCjoIAuYvjBRepO4diWzd9nM40ejhyphenhyphenUQxq9mA/s36/14.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfQA18fEerwtRwvEiZYaNH1JshuEFhtWWuaiRQqtbSqugdXuS7WzI3AdcrE92pjk785-04gZU4hlgudZXcEiM2MO1Ay2LB17IShxSVlGmkIIZsSxahZdypzhGgPq7bZ7UBoAAsOTXOuvk/s36/15.gif", ":-?");
    emo(/\s\(p$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2sqm8I38TIqGPw1nMRR1NE49C8oiAd7-f7xNVhOBr5nqT_Vy3eeTzBcIPU4iHB5UBwERN2LtBV6jwjpZ5KUtqPKHmaF1swyUssdgUNBADPwfnBqPxywte_Bw4cnEfYKJPEz3gbafZy1c/s36/16.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZVjpTiz-qwzNCQnjIGZ4Mfjo89chSRIuymgbTzYIRZqqb-lITEizjoZ0FhvPAUOk14GLpGBJ0tEeW5DVNSp7ozC0rZUzghhml3FvMOYb-Ubkc4S7ICOHq6_X6Th87tZBx26z59Ix0M14/s36/17.gif", ":-s");
    emo(/\s$m$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg826CzzloXlqylVeqMPtzm9jZVcfBLfifNWKf7rRprrw7BHu0W1ijQeyl_3bUP-FLUT9roqUSTOuhyphenhyphen5WKttTo0z1ALFPpTID4ormEb1C-u8mTAvyzHy2ksnkipp59owbjN-aXKpqXs97o/s36/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisfd4Nwmb4kq1JEEYWnIN3sfpspA4iiJCM6QfaEAQoM33RudYwbRhqiOF9oHP0EJJcc1bfmBy0IbqpVA9sWHiDpCrSnS_BY1D2QlKobljM0z5Co4Jo3owVrs7Yt7jije4Qj8k3VQZ0fC8/s36/19.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgAnK28OOp7xH2P3G92tKtmS_rwj7xvRXF4W0HKy_2WI7nLySL4I_BZscMDySz1AzG4P8SpHA8wcVfaDgaLit9WLiCSLNsHVHQzREfsEkSD4D3lXp-Hp8BIS9xP4xOaDaqn-4BT7pjP0o/s36/20.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPgV-fZXhYSXFMfoNTkBGyQZBOXtnNo1v7mTESJrJQcn9v6H9V1DZ0KN6SNDPfXPPFG5GOpdSEyEZoxs-hA-Zlt6yYJl8J6POIs3uOecoHApzpkmyv5UCPo31JrsjQGmGyfdkrVOk-HRY/s36/21.gif", ":-b");
    emo(/\sb-$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAmJbbE1dxJEQU4A_3v6DsCCemiNswGdtjzUrV400iP56oquU54jTKF1TIEu1Eb1Gu1gn8ndNl-_XjGI7SfFZw8BlDUk_ImOmvhtENws9RvhQguBOuxJ4Ymr5pP-YmqCjYS2O-TP0UCwE/s35/22.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHOWDKu_PhgzNeeUogI0VypNWHq-9ufqrB8BjvH5_0tlyxXIvDI82v4a1vwCffJ2G128LyHPU3ct5npbPhjtmFmVFwa_lV9vlt5stcDgyPaTBOigg2QA288AkzsSahVBZZ4RnSca87LvQ/s36/23.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Tp-9PdQUjiKf3WB5RteGuxPWTKaZgMApFB_CNPjGFPwpWcOFkuwA424OwhD6qsrlpbvTb11Z_FQgY4Z950Yxx4Ad0jqhV2pzcEIjWxdfNP9JJtbaEwaRFgQL1MnAjIP6n8GHoFX6NB0/s36/24.gif", "=p~");
    emo(/\s\$-$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlgsCFOL3a4oGSCBO48x00wdwy9e1Egyltn2Bn5Nqw7tgrsVtkVkXnt6I3MZpe4M8px-ur_jqiQ3j-JPveTste4i44SWfXMEL8qSR8tWO4OIchFhBQ898ZTDPYPQ7PaPC4vFN0goslyko/s36/25.gif", "$-)");
    emo(/\s$b$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHSUlIjlJNKGrYq7JVTVfBuZVsaxl-TRfA1mhCZT-jEA-I66ZEiqQqCiCWphwxhCnmXyDCNFCZYaUpSc46GHv66KXXklaUFqpZUNVRsL0xY7qf9mzNF6Dedjgq-a5hWjzBGnJrUJn0HF4/s36/26.gif", "(b)");
    emo(/\s$f$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwHQydAndtj3tsHqT0BhyquIaQaSJz5CiSOiLaeTNDAz-TzjCv7dlu4kc9mHGUZJYnpCI6wosA6tmfVQjNBdjQyT7CpOwunsabHJRImFFJ1J0KJ9isxihKFwdoelyQpP3BLDb73f_lk4c/s36/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYE_xC77TVuJRrL59h2kVqkrUoJXUiM_JaBAtl3Z9b0BXndD9-kyaYxIfAFyxddnMQV94oBheWt3bVDfst873YlpZZ6k0O1XeGo8-re3rDnjaWPegafqX5ww2vk1WjH0_LT31bu7Hn8Jo/s36/28.gif", "x-)");
    emo(/\s$k$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2l7Dxni5vLX4RM-x6k6YmP_ZZN-tWljs0DCL5EZ73iSHfMe14XBz9-9P4hcUUB5snVULMuoMqV6algenpluJITuG1YJJassUs9rQxAOrQsos7UwcB0udyo_souMGp0JshpAdyTMbhvzs/s36/29.gif", "(k)");
    emo(/\s$h$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhahq280HgBUrAKr8CNyGZDu66QnUjq3jkb80YcokwbB4XFeJJY9_zyxZ4xRkOklZ1XSAoZe4WVD_mu-BiX_z-_6eoeKXU7Gg3cxK8A7nzwV3tvKcBmfcTQACXd0m9dqStipTDlVas2e0U/s36/30.gif", "(h)");
    emo(/\s$c$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW1gX8a1qeCtBTaHjo_FOgh1u4S6cPlaeq_j-Glj68oO-HXnFwVtECYeJnopBTrl4-m9D4C6WD94ne7caW_RUReS62uUzUukneWakvvcGmgtsjfnZuQCTIKLamoRr1lDbXSFwxYO9tK-c/s36/31.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCmqcPPf7zcpKcXSXKlCvyvUCCB4XFGBrCMTaQFaNBc5Zb_MGgOsBmW0k-54Cp0VF7cmm_b8k_ZpH4xmIMEm-63QXwCSM0_mhktu0GtYHZuO8nIESI3zOD3MwBvvl6o3NGoxeotAm00pE/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 memperUnik tampilannya baik dengan mengubah Background maupun memberikan Border silahkan agan cari ]]></b:skin> lalu letakan kode berikut tepat diatasnya

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

Gimana ? mudahkan Cara Memasang Emot Pada Blog? Saya berharap ada yang klik G+ supaya adminnya gak males untuk ngurus Blog ini... Saya ucapkan Terimakasih

RzkyIT

Cara Memasang Emotion Unik Pada Blog

2 komentar

Blog Stats

Recent

Popular

Komentar Terbanyak

RzkyIT

Cara Memasang Emotion Unik Pada Blog

Artikel Menarik Lainnya

2 komentar

Blog Stats