Sunday 13 November 2016

Cara Memasang Komentar Emoticon Di Blogspot



letakkan code di bawah ini di atas code </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Terus 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/AVvXsEjkLGqfOYJ47y01TDy6Y-oROH9KG7o_UAV2_lrmc2v0BJuSYIpYjQpQGTaGg7IipcqemigP5mtpn6SzZCWQubSiNvGuC0BaR-x7Vs08NfbtF6fri8UflmiB3uRGlWzYjFuamsVrukMMk9E/s36/03.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi18HO2PfvhRqAQIwjVxBifwqDXf8oAKaqJYPFwDE322V4rk8LqiOLL9tSrw8u-77uffMvCTdqURq9zNuYo9f2b9lsVYDrmCp1_OCzZvFLbdNU5wZOSWVC5wNNUoODIj7G9MWAk8foZ0pw/s47/06.gif", ";((");
    emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIt1Es7OSztEutnr77E3W-S-_3OfIFR4GHryKS5JQJLu9CfoeWbNqEWuLNrMw8y6wS9c4Wbl72TWwrAb1tahU1iAIkEwVStkjge4tsFJrMLQEJdq8Za26UfB9HxiRRn1Cd9QcLHTCbdms/s36/01.gif", ":)");
    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSje-xD18oJfDgj9gcT68CbXcailBCGr1g9UR027otLOVLf38cFLC0iY8QvdwYgbOMjlCGWscAanv2Eyh6k0jDJGFL00PyC02M-x2MGkcTbD0u7A_dWeAGKRxpNoVHp7xCKflHbgpq1-4/s36/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiVnXJLiulkqyDwX9FCdYvyBxunAB5W6XMHAAJ06MHxUI3UObOjlvhY5By24d5td-YDC0JPdbOrvVwNf6fa9Jb_hycD8_ok7lRpGyKF2dpKOA7z0kyOxJCUlIc31HyIf4DWt39zvjYvb0/s36/03a.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0_z82h5WlVisn4-aP85rNWgL40mSbgYu6iIB4iTsppWULtuVszxMFHFghULWM40NWcBRhcLmKjS_3_yfV4yNP8HkyuBZJ4FAoDlN_vibz2glwcbVXyAWrcU7_jq3HjfCuJiy_Cm9F1g/s36/04.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjte5q9ycjhiQsA4PX0G9ppNsJnG3OX3vC01u48K7qKcKPBxqlQTHHs5r13AUl6pOxJ2rhvowxaPR8ithPGYJ3xsKVG_Zfu2w_UsD-bbH2ZFvn4p8PiCzafJ6mxIyQwaACU3DhkLc9UzMA/s36/05.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxB0FYd8rV02azfyISSL7eevmGZS3EY-_Fv5fKli45zFtz-blyQD5EEeAL3K3zIEovYgh0rONo_x6TqvjGLijY81I2VR2LpaQy-mWuRD985G5Y8bcU0YDBuRKbDwuy0zh2Xq6WoNCvWBM/s36/7.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4RMrRuD3Iwi4LYvufnxeP1kWPQWlx_QE7Imt7F-P-srqfCfoJPWfJBWoSLjpcLo0xzHbPKSdS9uElr779O31bdrQWaDvilJIGjEjCb51shCo-G9u6Er4NjHT1S528uHdRngJ3k4sjn80/s36/8.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_YTxVFikYr3HkYyJhfP2hN33ac0P6fvPUjm-xa6G4kZWhwleeLyQA0Ek3yUkB4S8wkCFzwlKQB3O_6qiOd5lT9VdlRTa3Hls_YmUjTVmEzdLRjjwohyphenhyphenrz9zHcWe1yZnTZXgMbg4ruWBQ/s36/09.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCWzIHfuGC6vvt0MM0d5n-9OL0IhLzs9c90OYHpkETKoeicaqbgkcE1tYE3YnmlmZ2LJXWmPyUb3s9LOtOR94aM25ONzaZzrsynKjOpvwHExCs3vVU4RVDaoA962IjlHDF7CSIypktQts/s36/10.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAXiTVs6d3nwZmHMPutO-lZXlXDldByrX4yTy36JSitcX5QCSVbxddWmL21OOfr7SZI9-QJ74hyphenhyphena0CHDyw4MXrxmSxfvRmv9iTCQPOxTAuX2Wt6lYNBQWbj7MywkABq8S5XWfYw4_kLGg/s36/11.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Ne3VR6MJRlur7f_4_NMFJHWUhlB323ZqeUVEu6CRPGqpYBPlF-vyQSK014bWr97tWkFs1q3cqwoamq0x-mcSkrMVK7P65IhyRkHnJJDSuYymN4W4xOtHgwjPuP1aiBAPyxXYqKLFbnU/s36/12.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxA7gQQjlMrAokRdesL2JHHhEeIUv51xqTIOVbu8hSrf0Fwc33cwdfLph_CZkCQWp81Oqgji8P72WEDjw_H0-EOVqViQnVRdUozHj6UVnWkc52Bz0ELz5yayKEgOfJrkSgHpuza59at9A/s36/13.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5UKCZnKzpJndJti2k4s39TjaOy4JpIXYDwDMRXlbPQ0U6RlL-qJjKhf7xVPkyUKTSSno2lG0CA5bP_3SOhDL3u4bEMbKgCOfcZltQByhi3gwWXJNDQpeXMb_-v1fWE8BWPyP1TExEOf4/s36/14.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhond_DXTU6kMkWq_kRmmW5PA5QkyK_bxQ6EKO9Ki5Ayz_wxuJq_dQYdgUvAl2sGKrnbIhRL9q0GUysnVJ_ooTX70NgVZxqUUckucpNTdZJ7h6Cy1nZ9xQYtdF4QvHNWDUEBSS1txdZbLQ/s36/15.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqC1DITDxcLLIPrekm-JCA4rb7NspZ8AliY6qfOAWiq-kG6TwneyEIqOEJlw9rGcVS9rYi4j4XniyoOHOvwQbVipO6UuFqOJ4hmqpUSvXQ-3AYuNoUhgscUsC_qYLbkgwsHaZxu-KXGYI/s36/16.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Aae8KEsg6_MsyP-7lAhmRoSrWNXPAYhDRuK61LhRHVS3vT3rOymZ_RBm7AagFT-Sl-Wzw-RiF1-B9iKZP6gnpDjHr6mOAYj6zvgqSte__6vJ98_zT1AQK1kNF1DBmOE3riTTF1CFNng/s36/17.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitFlAG1QcUkjc-laoGg6Czx0ZUVgbAxx2ICd44tP-6_Prgsz8iaydsbJ8XyswarfExq1vKWBSKqDdgtkZrfh8oM_hnt4CkIIlNPGPo6yhO6O_qHxW8kyWunaW_pTPsHfTPnDgyDibJC1c/s36/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsDIY4MJznVmCvNKeH-dOfLyNoPzk778Ys8aCG6TWdVD4oXtYqYYWgl3aCgQGHK35E2A6EUHFLZInvDZtqJ7jUG2aMKx72mqZXYzsfOmcXaQkQBqFP3TxO0QCrd6S4Lcapw4nLA_E8IZI/s36/19.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOyH15rQ5uhYTd9jNJ1CGqxat3ZYv5uL6cB6d1oX3vI5YuXh7R2cg5qqpiZLBgFif6dlClo8YxGIMigkFp2I8R46k16MZqe_TD7WPD9VnkDnXgtofojcdmEW9r7nG4bmMQkoOZVCgUHFQ/s36/20.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhckbOv3wzMT8y6dm8aV9R0K2JCB88aq2WYotVsSllRUT3x9WRcZ75wK4hnfs0cvSdSo69kO6kVHN1RUGuvp0uT1VX-gC1MnJ6cGa3m03kUsPboh4a_SGU6LKGB6Zec6KMROBoMZ6q90gY/s36/21.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD7aHma6JMX9WQiy7HckeHpw8sGkUpuA-tATOo1YyEu-stPpS1z60GbdWS2XO8aIWPU6hpPyusp0mW4ii6W9kJqctepJBEFE40RENPhgIrs_3lA180i2sobcmlpysp_Yl5ZXPYp0j0EVc/s35/22.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSyOU27GiIrgz9omWRymdp3QUL1NKgDmcUtydiHG49t5YVatcYUZ9Mtgc8Cs6Kqtjy7syBpzFee08-pPNkUzPOY-APIkcJXdqI1IVchRKLYKsRtXuu_CS6ORChpwcMk7jWe3V9DSntK6s/s36/23.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwhcoN_h53FmaSaKVZNmDRvPE86GQx0YmyZKkXbtIu38RLPWGbLL6zmOGhJd3i07SKbtqsraAzbubBrt5VLwvIg7XlguaAahwa6ueMhftQChKXN-a2JE4EO1aQ9zV2VChPmLyXYUviiXo/s36/24.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid14OLH06hGbHX304gTiw_CeShPRQasXyWJ_Fmch8NOaYK2x9LohxZA7Y1XG8DUvOVsCcPhCsHygbWzMb8KaMP2pahszQ3npc38rY6zcM2MHyFt_mrbna6QTkU3VP7MHqnSlRcXXsQO0M/s36/25.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9bod6docWZ8mHcidCbMfoNDO_dcqaNseW79oyK-M_OLFNdA31qvpCuJN1JGN6MQOQAPnHne35pqE_KWk2IZrGDTEKizzBr-UMn9dEd2f8NL2JkkWvR_TLUyTaMtqZjUduRpI3AJ2Oc9Q/s36/26.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPEVYI-d22D-Va_Hjp7ErSjdB-cdyayD43rehhOHrB4WlnGb4Yo6qgmtxsPOfyu0AKjo8FfCPnmWxMD7neZZvYhQ2bSF8P87lri8iRxmevbpeD9jylRal8IpyMOhvtjosu4dEaJMmQfGs/s36/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCQp8mWo0sHzNxjRSu4OsGTFs_uO37QZWIGsCGwe7jTXRuhGjOSdwU6b1wE1wyXDPZjSEuMDKlkLqIxgz5RuW4djOKHaueR7iqfaN-AdkYfmzjEccFp_L8ySpQq8nXolZeTSa2ST8lFmQ/s36/28.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf3tnkLtVoEtxDmIU9RdTjTO7z5EGfjmY9axnEekfXaV5f1-K9xw2mNnwagOCRPJ2q9B0BuCJ6mFrSZyx2YUwbU76kOXT6r8gs3S11nwyAV52I3kYw2Q-UcoaSqQlZYw8fyynUFMTLP3c/s36/29.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0Xh_wCBnsuD8mDTmrKp2AHKx08lyFFYYWqJfaHjjf-0mGKVtX3WTn2OqxB1NPBXL6l6VgPcq_hplU3Awt3MZSDknWvUD7wG8UhVYKVMld6MLcqCpdUnlcfoU-RK5oShu7ZEUii48-S7U/s36/30.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUDlVFdOM0LOZ0Rfvu_Glp-lm6qa-6MEQCwfIdmMTvkR7nOB7IIc-AgLpDoDqYRkgb3u8wjbA49W1_aZxU0IGquOC7lBGyEAbU3inU8D1p6jcbDwOoScMjamIsXH_33CFY3_cv8GrKGBo/s36/31.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_XMGEbyTbGaPX8Bi0j0DyDMwrujURdvQ6lWZtgHUFUNZoUTbESYhCMXsstWJYPNluzuwOQZ1wdFXAjnMXPuOH9mPRYQsl-i_WS60qlJxiuY10OPHviq1HfpP8jJkcYsHspuZOGhnHUC8/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>

Untuk memperindah tampilannya baik dengan mengubah background maupun memberikan border silahkah sobat cari code ]]></b:skin> dan letakkan code berikut ini di atasnya.
.emoWrap{ background:#ccc; border: 1px solid #333; margin:5px; padding:10px;}

mudahkan cara memasang komentar emoticon di postingan blog kita.
oleh karena itu saya berharap satu klik tombol g+1 buat admin agar untuk kedepannya blog ini semakin maju dan berkembang. Terimakasih :v

13 comments

dengan menambahkan emoticon di blog apakah mempengaruhi loading blog?

mantep emoticonnya gan, di tunggu update yg terbaru. ��

Hmhm baru tahu kalau bisa makai hal kaya gini gan.. lebih emosional berarti ya hee

Cuma jadi ngaruh k templatemakin lemot nih gan...

Bisa dicoba kayaknya bakal tambah keren deh blog nya

tidak gan ini scriptnya ringan kok


EmoticonEmoticon