Trik Memasang Emoticon Keren Di Komentar Blog

Author : UnknownTidak ada komentar

Cara Memasang Emoticon Pada Komentar Blog | Muizcyan cyber loverz selamat pagi.. kali ini saya akan share cara menambah emoticon di kotak komentar blogspot dengan sedikit kode javascript dan css yang bekerja atau work 100% bisa langsung lihat di blog saya tanpa ada pesan pengganggu masuk ke blog

Screenshot :



Cara Pemasangan Emoticon Pada Komentar Blog :
  • Login ke blogger
  • Pilih Template
  • Kemudian Edit Template
  • Cari kode </body> kemudian letakkan kode dibawah ini tepat di atas kode tadi.

<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/AVvXsEggMyBfYSMSVx3Iu-5U0YdOz0k8OaGsj3TkiBqbuohwAWvrDu2EcPPu3lMVIYi2z5pD1TTW9grT2B-xiUvYDIIsDuk1Qh48m32nMJNTllU_ZDomoMoN5EBpXPA2vpsm16K3j_CoApNAQfg/s36/03.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3EgdUvxyDkfwkMxsredGtBqUgJwhSBMhwJzutxc0DBy0VNM7zhwRMAeofMf8JBl-SLt_xoWDXft7o2Q-7hpUA_4o-UE0klpXkl7d0zTFSCMWnROfCZKkxzywDz3iMvP3eG2g8UxhNNtQ/s47/06.gif", ";((");
    emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsEMBxQhuww8hn4QfUL05i-N-26nZxuEbeLdbfSdkwqZiA51mUPIQSr365twj3hlrUYCM8wrpmbXPVK2UlF2L8PwHjrQC9exGUwtvG_oT_8p1HFrt1OedfgD21ruBMn52uenK13O9lvZ4/s36/01.gif", ":)");
    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzGEvWbpF14aSMZOcrtxkxM-7pN11RSb2UwJlPfRspeIjTLmItNLYQX4usCn7ov1rymHfL37tLofZRxCpIBeDEJN3nCfbHQ_BL3iV2q5FNqWqkx7JE8RFq8Fzta91PQroS6hyphenhyphenv2r_t4kI/s36/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQmATc_RKB8OoPoApqj39p1aqeHsviv7cnypghgbeIhjpxbzyilciVPT_zcx-5ufRvBqNlv6H3vDKbfoGqF7g3k8ScKquSmqCPpbdYwU7-m5L4NxGJR_psATkwoemx0H_ZH-lzs4NtmwQ/s36/03a.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDhr72WAg-Ey6ThOggNtOpiR88flIXuBysbOJz_wP8QCKnqc8Rz5S2oiScQ93oVhA2E1fGHo-SSSXzsJlqktOCLgrRQadjdB0Btf2m1-e1c-AkuemgXRdREoHVJd0abJJjG88NdxeCONU/s36/04.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4XGii0mM6Ky9N8UwXImRDWRUUJ8If6LDR-7ZKX1iiyZ1bEQ0FUWKiwgonIibZJ-q-T6D1Qvn2kBNmlnCP26sIV5QI0ayUUYAlS_KutD3c7FWFxVv0R8Oor34SCZEz7OyBeLCos4r3Brc/s36/05.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoB5BZyPUCtMr_fwDD2DC0JoS7Qe0role4o6VEfs6MvioxzBjHBdDX_aXnJPYZYX6bFSqZGX8KZFd7g2Q7HwVQLYysBzzHrhcJfxp_OXLzGC1DK40to1VYIb2wK5L2z4gJLizaQzE3n0M/s36/7.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Dxol8S5mvGUlNio0I3LZyO6kmtzR5S_WFhYR97KZ_1Cori-fqx5rbrHbkpjKi_HiY-JXa7Bve9qm3LWCuFeeYaxzFK4qrpBhNNF7S7WsiksWjrw3UG78kMmpxHNfWhkaLCb7_rfhius/s36/8.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIsHcFay82bUyg77CRt-nwJ37amJxGhBCjd9vWNzV0NXp7wD6QZYrXjsMqPl-yo1g56xFQNRj6XoW7IsrNtiE63YyqsEGaPNrXcbfWmFmM10kXlFkMmV8BrLFS3aaUVfUil_bwu1G9Efw/s36/09.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7CryKxfn2kk9XzHtOlb129Dz70IGLpYqBWSssY5UK1OFZq0ScJ2k8bdYtsnSX_FMmmuLZq7mNAy0YVi8ibZktaaMYou_mAAKMWHwPiym__n8-F6W-WZzhELfBzPKFxNkPOI955Gmo_Ug/s36/10.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbPKITFgUb4e2vO-1ztVEyu48K6Hd8_I-yS59MVsv9Av_at_arjRaIKbR1W0HMyi4Nw-U64y1rwRmHN3T_kYEQL_Ec-BJKqluMXWygRIPpu5YZM2bQwumFjqldHpP7mE_dTG7IVjUS6Og/s36/11.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB6CqSK16D7UYFbBKUD2ag6KlFqd72cvVUD1J4awIJF038iiFvb5mlo1M_98izILQH-gZpRnYrrDv1KWL8yTGJndSknQJAlrdRAR5F1sOeRLtPNaB-pYmtTtxk08kHtOOMYHZNsHyO8RI/s36/12.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Jqlliv-UNGqJkxzean51bE2V5D-p3MKRoxkhhlK3xsaxfkOVChX2cGKTQ4pjTartNzHYhaIS6wHs4M8SCpbIHWoToc_b-bVrsSFcs-GlSrrsM4c-7t8FvqfDqCWt6WKGgvwJAGtt3oE/s36/13.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBuRjP3DrnmKihm_x__vrPIZa-42fKVC-P_viwuWobxMjkfJtJJoU-jAHTE9dKgeUtxYxbdRoAogvtC6nvmF9aJ5-1hNsQzsf5dOScvySkl6hYtPU6FaNuv928uaHKENtLxj4BX7oXsNo/s36/14.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlTebvv65n7g8i1lFZ3Kmcknmu3g32tBfmujz7DbgmLNbepxzWrPkNjL2CNcyXQDOVEesOqqRL2tkeTpf7b4S58S2HJcXLuX9WpcgRLK_vQztKNrTaSagDASiXUo_6KhL0afFcYV25yCE/s36/15.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAtBKS5T5hi_AVpPMdOUXUyYmw1BP9tsjw7fBhigp6Dsvtr5TegGjCtU6D7AUpjSgk91w-zZTm-06Ne_5Li4eKXOR6t9EtCZfBxHLdglah4XqljdBPx_hPG82dpzlykvO1gMajkz6HFaY/s36/16.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJlnMjiuWUbzzUa1bX-n6xy1_6Ct8Enez-u1ApDpB2kjUyZCBbJYf688QiTZh-UBAJycqdYZhHxvFtwRTzGTAQ8GA6VfpZB8f3putLdCtL9ryoeXSw86T0uKjveX6s_FQPFYFgI5t6Y5s/s36/17.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipRua0qJra3N5yTl-DWRV-yrEKkhftj_rN2RFFyGbyTsACBBGVkicsAepXAhyVv5yc1zrQsON_ZzHPFjB7MZ84zdfefk50BEr_8t87VOEcIeeFS8YVOUPpVmSgEgHdDq20nzC7lEakzPU/s36/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLVxWAO84vKHRuWNXAJGkRCrZxwF43PDiexhmTyxnK_I5JOHqUTjfUgFVS-gCAmeZhsLyK1yp7D1JQSfK0vHc5UUyCPvWCi-V6kENEtxq_h_pGOsssBud4ch65cuk8QIZZ1Ji-YeWuBWo/s36/19.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFsysaqPf5rOT53TOYt0a7cqLn96ihImWSueNqycwFuwiNl7MsbX3pQ1CSD1t8E5bH_SsORwOEnZv6XyNintrb6YUD7kHKsm4h9Xpm0oc2sSKpFaFRLO4MEilYs2SxfT4GYN1_xqPRazA/s36/20.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifSur4ioKjC817A8JZl-kwvliRyR0w0qT00c-HDx5EiS0rdsJoZWK6q5uig-r3KDJsgEHwDlroh7ocyDZsnpjN3X0h-3hD_jLIW0yaqlV04xDnsAIY3CJHpZVp_KlRWPShqvZI322IaTU/s36/21.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdQfkVYL6O3Eb2PKz9Hj9s4VaMeSDw1BHCHb_rSfMIf9iyASEJ70msqx1tUL0b_6aun0KYYlr6ZfFofypRS43Govh57SPXZa5VTYG-csGmj89h94Rm35jG1yqZXLC766GiqwO4siuJ_ho/s35/22.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl66EFnuQHTudW3r-0ElxnT7LvH4pDEkst62CwoTixDdkA0cfOedEAiAzV214sfar0GdkaGE8uapulJW-gwtIKuocnsTLNbWqI6AcANw6VlmoyXx2U9F-EEXJ5rRllU69D505tHwE1FlA/s36/23.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvyVC1XbIEwEKsjqGyj22DFf79ReK8U68gp2QbMXPxknW7YdIjrjsyASOBSmfeC9cfPjmaxD4x-4XqD4-X5LcegZShiW1nuy2i98i06MDkmtUaN_A8X9AeCaOG-hTmSKmv6Oqb0stTKLw/s36/24.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht4FuumSlL4MAH2yr4mXjVJyn8mVIl57OnJR1H-63oakF9nkCEzelgwmT4jhuFikUG6-Fv92fGMottfnshLr9x4oCKovB_kA1W2KZU2kYMHnc5H7kyQpgPPX1gnBMuQfo0N75aChHsXdY/s36/25.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQWgnqljBDzNU4UfF1upPpH2udGvUew0Im-EmUce_MeSSi8ZzV9oi0UTKc4sCtuwrkMJBGPccgnsy1dxidUdnfR8CszkAt_Uce46URqwKvAA4OLzzFBhe_J8LH9cQfeLqV_WWNV_cJkM4/s36/26.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT5sWsDRY7plaI9aldwcr7kyLu3ZuXPMfczDv6OO_ZYLPBnziSP8HYaeryuJ_QlBXXoiWfFYHRTs1zbpxXJQRa2rGOMpMhRqA0I6wiuENFMErAuO4bkB2hJeFq55FGKwOF-jqogDCzFFQ/s36/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp03QszeX_HGx_pMZXB3lGds9X3cvDpPrgohl9ye-1_Yoz0kDnGQFZxTBmHvX8oaV8OAIFUd4ufqpeoevckCBOa5AFW3KZb8E7WwYfquNV43Xt3pcKkC8eoiaH-ESQUBo3BsERiEYOVfM/s36/28.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl4lcEAU2XbMEpIO6YjqXjfmAqi5mQ1gqb272QxaejSc8uq0BBkXTKfRFZYmabd_hgyHxVhbhqhTHcSIjhsPSYGWGOGAVysFQal7Onm9qG_q_650fNVvdlh2gcHnFtjqiaZ1YEagcA4YA/s36/29.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSfiZlTz8E61WzQyh-_xvn9BHCNA8DD0mPStcwq291D6yrTe7NpOne31DekNfrILjGAZR89o48YbGw81-mECPAN7eegBWsKAMlTcfe_pK3uQakzSY33mL2EuIu7Z-KZJETcvAtm_5Ciwg/s36/30.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3IodgxHZQ5cBH7lF06b7P3XRUV4ZsU09CtjzqwWfjDRllwwQM8OeclGLzjeebCXaeVS4OoVW75hubnnwmMw9dvMQp5m6MWdWmJBj7FznBE3gmfRmok_0lT5DSrQ_3EUmtnTZ2SGaxRhk/s36/31.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjghJpnTYvNaoJ0hVlG9H0NgFNOLdo1qfTujhvpDqdmsrHbX4geFIrngobkFLn8vdoJG3BVXlJ3HZNPsMKUoEP8RlTRHqlOxWOTOo1ENw_HhdRaoPY1t4OpIxK5oP7WCyOCD6l2dhx7ajo/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>
  • Kemudian cari kode ]]></b:skin> letakkan kode dibawah ini tepat di atas kode tadi.
.emoWrap{ background:#ccc; border: 1px solid #333; margin:5px; padding:10px;}
  • Simpan template dan lihat hasilnya.
NB : Bila ada pertanyaan silahkan tulis komentar kalian pada kolom yang sudah disediakan.
Demikianlah postingan pada malam hari ini dengan tema Cara Memasang Emoticon Pada Komentar Blog. Semoga tutorial kali ini dapat membantu kalian dalam mempercantik blog.

tag
tutorial blogger,menambah emoticon,emoticon tidak muncul,memunculkan emoticon,membuat emoticon tampil di komentar blogger,emoticon di komentar

incoming search
  • trik memunculkan emoticon di komentar blogger
  • cara menambah emoticon pada komentar blogger
  • trik menambah emoticon dikomentar blogger
  • cara memunculkan emoticon di threated comment
  • trik mengatasi emoticon tidak muncul di komentar blogger
  • soluso untuk mengatasi emoticon tidak muncul
  • cara mengatasi pesan muncul pada saat membuka blog
  • pesan muncul saat blog dibuka penyebabnya emoticon


sumber

Posted On : Jumat, 13 Juni 2014Time : 20.17
SHARE TO :
| | Template Created By : Binkbenks | CopyRigt By : Gracia Widyakarsa Group | |