Cara Memasang Emoticon pada Komentar Blog

http://triznowibowo.blogspot.com/2014/04/cara-memasang-emoticon-pada-komentar.html
malem gan, ketemu lagi dengan Trisno Wibowo yang kerennya tidak ada ujungnya :D , seperti biasa kali ini saya mau share tentang tutorial blog ;v , Katanya orang sih Berbagi itu Indah.
Apa Kegunaannya ? Kalau menurut saya ,emoticon biasanya untuk memperindah atau mengekspresikan wajah kalian di komentar :v, #seriusAmat , oke langsung aje cekibrotttt :

  1. Login ke akun blog kalian :v ,
  2. Setelah itu Pilih Template >> Edit HTML
  3. Cari kode script </body> dengan cara tekan Ctrl+F
  4. Kemudian Copy kode dibawah ini dan letakan kode di ATAS kode </body> dan jangan lupa di Simpan :D 
<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/AVvXsEjbXgbYD3NvHLndBSBBbzfULdwYOUwqlgI0-rwPZGL0WmgOCtBEAh7NZZkKja8HPktlu9juLHRENKqnXLNK4nq3IkQgXVAUIHpO4iti8PokkbBjssolV6jVeyQ7kxc68FzHy71F0h5HZpQ/s36/03.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVY-ToQAcQeXCOtBhzyGosuVpxxkILRCVdM09AWgRuiqSwA-o0Q-nwKBga7Cmx8lhqoL3T18Ps3bEDkA0Y6-yA9StzkvoSL_S4SgPL0lKZ_Ni2yS8yhDhYJ4osBcyqGm9mnp_q8boIwaA/s47/06.gif", ";((");
    emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip5QutrXJVgDJOcsmLRQ4Hqtd9hVG_R9_bckm5Pr8f4HEJw4wVmtSXlEEhNAnzqJWTL9x6n6ddl-jhF7hOv5sD2QkxSi6XENRvQXmSdAJejRLl20RMRQ0DyiP4U_ccUkrp0NIlfJTDRfM/s36/01.gif", ":)");
    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEzf2cEJvi0RcHIkEMZc-NO4NSP0BTCKQEWHpx7gHub6WUQaPLfAVkiRAeqs84SJJ04pJiiEDa-wa9H1HI2iPloy1LMP1MuNuKe9Ib3-KazLsPPDazHbcmhDJoh67Fefxjo_6IdZNqZCI/s36/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIDnJesBG5smHLcyklM5tUj0k56lTSoKfgEoWFO6KUa95HsgnnjIwETSVwaKuUSsrf8CNvcagJ4c2k9tWB45KaaJAaYQnr5FYcsOA4S0RhkTi3qEC3Z-rVUeJ_pxSWfvxj2-VeACfry3c/s36/03a.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW1dOrZMxESNvUk5kmJ6rapE-ytWsktPmCoOlsRwSwGal2HmOZ7nQNtL5dsRrVsAKxV4Itc7KQFOmP67SASZc4AEQJlGsq8QEZR2Xu-S2KkAeN6CRtwk7siuI9NSNIwHVl6fTV_wXPOwQ/s36/04.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjItXUQDPVPrOKaEMN7BqoO25PBEOMjJqGFghyxheaBhiNZ_trYRAdPE0X6-D6UqnOWp_SPh9uFcVw6CLeB6CbK2T2Jb7Gz4KR4XNMipQKf6Poq-lYOygZdwMz1M9hqBzBIhKxr4a8MKIA/s36/05.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoVhMP_msFJKgBy1zGqIkMExqQgpFLJoyg0xSmu5Soookb28porwqxxSCqsCXFmSLsPqAT7k45NlWDxhxfGZ5Iq0cj5R91ZaYQrXTdAvTFAa19J8uIga-gDM4RK8zoKTwjB_YhuRErSrY/s36/7.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTDhmt7-SdCHtOktBmdBJT2mGjgM21YH8xh0DdeZ6lRk0_DgO75FOF3_v81SalJGkEIKGsHycML7-Va_7UrOxvVuHPtuIEma-vSkpiasTeIgoQbQgT9vcR4jH8SUTvL0CbVOZgPd2fZR0/s36/8.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEini_ZUSNIh74GyX6YdbmQ4g7zEdKLxrwBe3jKQy32Q7ByAppDiMiku_R08WhsHeqzAdjwOEVLfOa5U4xtYFrc_uKe16DvwscRBaifbgkf_2dNb9g24szXbYG7Tl1BHkLSUenW1SzMtZvk/s36/09.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI0bWdr_YqLUHzyaMbDCNxrfZWHbHx8GNi4_azhpPrfOxPBmmwOwmKB-fjxKRpyghk-le-kd1e5QxXR-4L_AuTByq47wCEL_MPdBxlnFCENgp3SavdoiPST4wiDt-o0iWZliPfq-ztlug/s36/10.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhghGXBxx9NOdZ88_v7VUU50iHmdHaBA5rDxfwkz804fesr_U8ye2d9NZshEM_bTjHNueVqM2wBd-PCqqeiZt0e0XmkUVaxJU4oGvP89qRFOnqclUHorUSxOa2b7TtmLXDF4gAzpnSOR88/s36/11.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxKeMVEKpx4c-kMpTtSQZB6swMHubjdXlCgrapAWLWfCy88P-0zauqTR53q4XH4hqBgW18XmjGWUnh3ePhka6lg9aJsHes_HAgmJT26WmMI8sNVOUnk-jWIrJLK3cyK6Wi5jCnh_lPyGc/s36/12.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3K3ET8uDZE6PThP6bR6i_e8yH5GA_wFiyT_hLFTerwRBK31xyRkGHetpJPmV0Yd4-XIZcek6HBcm8wocnjqk0A6qqZdO5Bg_cxqXB0UsfZeUrTK_nPprisQHQKvoRAdT5Tbd53HFi_Dg/s36/13.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD3V-Sd_EYMQSwhDsud-xCRjx8sCV0KtBhNj4XPADuZTJx4BxSIMbnd9gzcw7h3APjt5iZSQMhRm8kywKQDXCT41whl2Htqf1u8gVQ7nXDtVn0ldvsjx9j8w6QfNWzYY6HTUbk6WqtdLw/s36/14.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb7X61qmBbDVf5i52BxEsQBKUmtmTmHtg-g9qk9N6fTooAP4MGDB-O2dcR5VV4fG5V-aNogrglguwv8QOf8jxyVOrWEuy58N3mkZP-7dSO2Z9N3ugIN1yohQ7LF4zhc1Prr36VosZYhJY/s36/15.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQl1WdEFNWIU9FE8kAycF_YF0wo21gjSQZbiAhm7JL9ezW2FREo3RHm_rJy0nCCg0T5IoHLgxX78hssGZqeJvbq3I6Z9Cm_GuaST_-vu79KJraTqRLnORXXjDihkuxYME8ZhL5-p2zrRQ/s36/16.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7BdJiIuzkOKUs7sZdPtyTPY3SdZ8qS4CvqhExZ-0jLkuN8FmLV9IaEamcpx8P0JbWqLmg0j8ZMTt4ZPkRtdOVGSb8AEGRryZ3GOhdfh4M6WaOY_YOdQJN-yX654dFd4jvcjSjqyaBjec/s36/17.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcfPSFkLO1HJmDqs6yL19WG0fSGCWwRLQk6VzkaNgn-D4YMAoCSKD0o1thb83W-9U5pe042ISB87mZ4duJzTmQKsU50-k2vG6VPqhDaYjWBxS0vE7bB7LlCksSvGuSHErvpUjKYqXwtts/s36/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGhMEtErcttotByJVBbaEdcdfWhqWimCIJi_HWTwmc7-b0OyqHEro1gj52kmckcWVF0Zy6z-ElWqbqiAeJ2gvnR4bBpHUf3FZblmkfDW_VVNldcSU87ZwbCXcOdKsgmHwEhjeCTfIFTfA/s36/19.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRXN4XNidut7VYtmBAYjCyTgMs9CucesN3K6-9TV9a_3jFLy0e8mNuzeBX8ZHRNoKtJmIzipOzOgSuQicYjyhUSqw4Rfh0EKr-wQ2VlKKxAXHpItE_gHPwtTDVjzgpeo9ztmtTK5gv8vE/s36/20.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfD3189B99IH5bxd7lVdcmuJY6P1bVUmQyGSPw5VGpxA1pbVNPVapdmRbVu5U6Xo3e2Fm4SG_EHXpp3AlBDcbKlA-zdq97Rq7-NdXLvs6vAbhwtsjkRQTzbO4j0fpiTky1b8BJwQT7MHI/s36/21.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvnphNksnjlVWRypqVLlMMXyvHIeVHji-m_ouirasvYxWCofM99qmW_9TwQSijhL2ssMBRmTIaiEz7jcBuU3zMwSH_Xz7dA0jAflDJHNiRrteACM9QKMEPRn18P7PEDKqYsflXDQw6uNo/s35/22.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt7U5xblTjYgrzT92xjbF4kYF-fNzDhTk1M1BIGr-aj_d3klWtWkY1kKYcWfbwBhazwv0kTspc4mxCBew2tCdPkQs2wPWcIAjICVEtIgc_Ji6CrJdUbFlvUKurs3X3tdvEWAd5JLZHQFA/s36/23.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9d8VHJnYR8eIYlEkMUKtuV4PB2Ti9bSahVS-F6lH93v0-2a29K1v2VHtDL66L7x_XBaobMaNTzLzOMvTZFU2isu94WUriD-U_MdHhBV-sfqNR2Vz8h6qn2FAacUDd6IDPJA2IW6oX-NA/s36/24.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtSE7Jkv3gf9-5LUBZxF9zgc5UDxoDenm-NvYBHxRREMyE8wMNhz6cPpS0wYjZt5-G6BotGBQYlkp2ydG0b9lMXxoveJMMEcRjcoPRd4v4rZJgBh5efXt30BC15IKxUSweCS8U4r9WAM4/s36/25.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQxuG7L1QnospT-5wMUrUixcFhksHQi1tDFBEqlEBIX3cO6Sv4JBVkuXoEoIbReg1lj9eaH0sD29bfpLdICAdaeTslXTQxlZE9m7ncY2Na3YjXcTNDZ1s2S5YAYo1J6rJRRGdyyaEXZJc/s36/26.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8mks74dFZ0LK6Ws2qIXqS0XqFL5nIsola-cInwoO76mr5LHvPJeusMhf-e2-dKX0g9wE28nj4ha6-CWK4P2t6ClTAj7_tvQgQs3TC8uNphQkLE9G9YNlqFsPPNqUFrLUUZLqr4fxgMFg/s36/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikwKjddlPJx9dm1-EjqTiKxE-fJfeUr-UAjsyn4QDlM8z8ysF0mzfq2Ch8AZqW0oRSaWyAW1O5fZZK3hahdnJ8Wwh1_Wgfb5nLA28fINv-PDYmli8UisbAhDd9omRAqdDsWm7NVVJd6jU/s36/28.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIeIPEOpi642IZtvNgWTRa2pEZV8xSXl9D40ew9ENs26b7GozTGiN4Aei_iroykgHUI_fWpYGoqMtb2sk5mFFKoUIS5Qq8XxBxaQp0_SEnzddNGjG0Tou302MjD8uhBhEfKGZfCVDi9U0/s36/29.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4-nhUJoA_cnJbL_3Y6SiOKZxt74E6m2vx0McR0PbRTt3BatdDEUJXHmesYxJFTY12yRPPuUILU4hNkWltOWzPBY0IDdEkS2LdfZvjU9aSOUyMRlZzIn72czki90xAbG2U8tKzOh_7oMc/s36/30.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcnfjKmiHClZ0rHwVGrpCEjw4KYpEvzHEO4tjVAIL-Bqs39Q2nV4-mPIKYwpjxQ1xaM7SmvEd-iTinC6_rOzPVuh-bF-js5X0ZKK37-9vfGbi3zXxUaO0MsDdOYh5R_bITsFc9Yz-37qU/s36/31.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFDu_L9WGZrKtg9aY0lIrJ9F-0QlwoG5i32vhR2LjLj1gJzUgJOc7YQ7Ep5BAmeG6ZOXDGWjcHgZXxXchSaMUQpvACPXybJFpjbyCVSktqxG29_4Cx0Ol8tmZSKDdEDFKw8nMDh_PNtkQ/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>

Nah selesai deh :v .,Saya berharap trik ini akan membantu Anda . Tulis komentar Berharga Anda tentang artikel ini dan juga jangan lupa untuk berbagi artikel ini di Jaringan sosial untuk menyebarkan Pengetahuan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel