Cara Memasang Emoticon Di Komentar Blog

yoo.. sobat blogger kali ini ane mau kasih tau cara memasang emoticon di komentar blog 

fungsi emoticon di komentar blog supaya pengunjung blog tertarik akan berkomentar dan juga tambah cantik blog nya ^^ 

cukup mudah pemasangan nya langsung aja dah

1.Login blogger

2.Template

3.Edit HTML

4.cari kode </body> 

5.masukan kode berikut tepat di atas kode </body> 

<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/AVvXsEjluOmUKq0f1mfO3NSEKXsf3pzUSlEK64swF2IFnDK1pPyrTGMV6XW0LeyhaCA7mnYqRjnLvvqwe6zBVVGGjTqTeftBr2SrwdMUIv6CuuouecvJWAtpRPPGW8ZUZ7p4EPtY6B8FrSzrdx8/s36/03.gif", ":))");    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgSqDSgNLEdVy9KNXW2NpIK6FF1BKi-0MBT0uW1DxGOYmI8SYVGVI5tok97NK9CyaxrShjPu4BU5dknj01GKrcvdOvC0z8jFmuUQw4bBOS-bXWB65l0mlZHq0qWk4gciULCG4HZsIHi04/s47/06.gif", ";((");    emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUUiBPE-z48YswaSeqrsH2B2LbeAu3dHzLeMH6C1crGb72-7l7tGnKc6Dt9kVhRG-zmMKuujEIyFwiWya7ylWLYkrqJXARDUW74UOPU0LbvdnlN79lICDQtmq3zMuguD1mLViGGaL-sPs/s36/01.gif", ":)");    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidVIek3UEas-MCcxsr54A-mCF9yInLmtv9oBy6aYjqjQWg9VNhpL0symguPa3uOkVdTSWp9xQHR23i_1XBrAbv8YzrtRh5NgfaqBx_oUGPpLrZ-XxzvvQ0AR93NjtEJVSePSBS7rQZSBU/s36/02.gif", ":-)");    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdkgm4m7RzCOH5vh7FoY9Wv0ZU9D3kmG15muN1Lfobp3LfvAZ-T3CBKNUz1GR7Onip3eEVCBa9KLfQvmAI-TwxESPeiI8TYH7Ga2fxoBFMkBw-KZK87EuZdmTmOsW0zrL989jr7Nd0-ys/s36/03a.gif", "=))");    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcKrQ8rPyYaBj1YF1dRTKxJvcMiQDfazOOzFEQkYAS_E08-dx4HQ8dGCfOzIjezu3pZYQGN0-4zqFxQlwQl9v3t99ZcXkRXXpMo7ykbVv0lbcVrSpxZK-MUbmBs15_V9M8e-5neoMej24/s36/04.gif", ";(");    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgepjEApKfro0zfEDr0TnJ-CCuosorctlsS1tARAolM2oZQ7QONRCDNvYWWQaYlW2rfhMl0-rZpq8CL_elJm8XfxrjtCVJ1j5FfKtO12lc61A3zfjzrQdryLoEI2iIszdywMDgWTmJP8Q/s36/05.gif", ";-(");    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZfRWxVp27HdlonHA6G529pMKZl2TGbygc30izW2YkGgNYldrvJeWj7VATSw2OWLJ9s0df5QUCSxqPW9jzKB9OoBLJ17FHXeTJe1UutkQHg03eqXUweOi3MpCMKBTLxgj9DUj65_w6xfo/s36/7.gif", ":d");    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ0qpRgyQfMi9gub8uR3tOmpZ_Dv5XXD9NaS7kY6cLB1HQUBHYvrSJdRaHWf62F48ykz93NcxFwpxGKC-Cs6wOM47IS2J0ggaI3P6wTvX9aZYqvsTHKuoIXUSIzuRdn9rKBQTRTqwBcjw/s36/8.gif", ":-d");    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFSkBM4WRlAKav_vqFfV-Q9DcE7nNs5wIdmnv8jKRVHYFKcz-rASk1O9YvOEybidaFg5SmfA1F2YRDwvBqzfoGDcAzehKVXv8DZLAq5jjS69FQIS9pNweh6stSfY5sMUTO6PLeNr7pzc4/s36/09.gif", "@-)");    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEJKao9nURLZYaNpw79olorfJJfi2euUCdKLdR1Xteqrf4Z_KCW640TczByb48mHyB2lfhI186AKxy5OUlQr6CdMb-p4gvnX7mHz0DSe56w_blXx2szjphnm6VnC2Es-viYRaEFI84beQ/s36/10.gif", ":p");    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidWUPuG1ILxReiz2YOwbGrpgGagDTc1NM0K0u6Rowm7BStisOfR9RaoTNxkoMgaQbvEc2KajbsRadV5AMgy-l-bjhyphenhyphenRu-JqeFiXlq0S3Ra31kJQULnTSp1MldBhr_ePHG23MGLmH5ZjLI/s36/11.gif", ":o");    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidONzY2yQQuORcRgaD2YtADOh-1Ttf98etzweNj9pcPtv1wHWOd3XoJCuu1QftZvBSOnkC1cEQD_vGl1YtPv-BxAC_f3fU7yWgUUhuSUskaLyekJJmi7dYCH_GSz_ig_3rFbzlRJgy61k/s36/12.gif", ":&gt;)");    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0E6ESaXX1NOGVnfCtw3C8rLyACt3TfEq06LBdj2jyfmO5StM3ol7e5PXjgRRS6svMF0v_HtThmzU3WXCPO2ZNAjvM2MvbIP-Dyw5r1VfrerX8io_AEUcxvq1hulEVtR1Hv2b1fERdzyc/s36/13.gif", "(o)");    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi79I4ZDTQnwAlqUNvJxN9GyfAOF1jS_5ajjl6v2VKgGNz040o6lVS0dwNzdX_vUqYhQlvQkV-l6AG2khFar6-kf2rPPLxIL-pvXEBUE35vbo2DPLcb0l1LiIX9wvh4vir020E3toM03L0/s36/14.gif", "[-(");    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcKPvzKpTPJxzgV91JS7NfEu0-hk0WAx-BV-TAE8JmRKc5gsGKVQxvsCA73_EDk3lQ-ZJD-xgiSYUZnC-RAx3SKlK5enUI1gpdAniQiS01DNRIrsJrcpGFLqki1LYyQcYBnU-3nV_QAr0/s36/15.gif", ":-?");    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4ZOxzeVjLyG9i6AZ089dt7JusZG_Dkr9xsG_mm87rOOKFKunh6MNy1MXjz-jbCYwU5YImDNQny1d7JLEaQGxTEF0l6cLlQXw6svFA2rnawuZqHdvsAcrvpSPyeu8swjXpYYRCvscRLso/s36/16.gif", "(p)");    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI68k5BVMBoaCQ1867i4eKP2uXoxusmiu7Lb3VFjGdtbc71NwsdVQqgK94DJShpArb_tB_XnbI5czDPg7d7V-LRlxAohB2cBcQCS3cAqIRcmyXi5ZtUdzEMuMYO_W6kUBciCfnlnIns-c/s36/17.gif", ":-s");    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkEVSjCSM_mStId6TASTTpCRgrvV-KGU-WMmSFxPOPwtuVlf9Rr2A0xHHdDsO_b8Ks1kVh9O-Bv2FSQgDMJ4C46nkgzVx83IEm-pzePuuaachqGhk3c2i0mRbOr9bIsmkEnWaBuJBexy8/s36/18.gif", "(m)");    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2D1ZoceRJK_kTGYYbBO3SNGkOk4dxnGlm1E_SvA2FgeTA-EIzvOMZIOXi1bpdHNQsEvXxb0SBazqghzOTDo_zIaFxzA4pvQ43wjhOpRkctqkBC6pXhs0bE0KccJeZDI9j2czubdnsoxI/s36/19.gif", "8-)");    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrK402tRxPjGOStWs6fJl_CaNEi1us00Mv4cAB2sk3PjHKEhY5ybSD-Afb-K62oqAD843Bqd8gg6Ka0UawE9RDvqCSEyFsGyWbe_RsolNsCAelIeH1pTAd-g2f50OeGoMQ5epaYzmxmgc/s36/20.gif", ":-t");    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcN7A93mR9uabW5r_gOtK4BTucIDt02cLmAyux8KNXnXc9LW5GwAt7O9q1Tpj6etUYs2otQHD7TdQejGOBlKnIvaaLeQpiLlG0sCrx3IOrdI32j54xB4Sohu9t6VTo1wAwLY2gyWkTjFo/s36/21.gif", ":-b");    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCLMbWZGKiDCIdBZK_CBkPtKfnPRdi-RbAEloZsXFtY6Yn_SKMWX14DVBxCnlm5TKO21O3SrLw_UQCQvb2ipI-KpPPGrNSffJM94DG5xW7e7dDQKHakgBpzXfGAZ_F02R35qwexyzIXC8/s35/22.gif", "b-(");    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikStc-CLnTaRwel8YPMJYEffx18yM-Vm52SWCM2AwgE2kAQtgLBPoSXOjrhHwBZdznNSKh2CTXggflWm-VfN88loW3EOHDwZQjBlHXKuFEj5M2t9t1zv5jwOxTDsTgTfdATYRiUj3HsWs/s36/23.gif", ":-#");    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilVO9DsP8V3rwI9AU34ZkEO5XvokFpaZTjoXZBg9sVzwO6v7zl01Va3dnyMKNrjm9Dr2Js6em_jDdxKQEzx7_Ssu_6rePCwvB13CN51a8rbGwbDigFEo2Y_SYBgXFTgVCY21SFr6anyKo/s36/24.gif", "=p~");    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPKZujwldZaxvid8DXXdsQfMPbrkO8hsa90m3ROy8Xl8SkoiFeTKDay9XpeEcOhJrDkTYAO8IxLsI_oRhCmJ4XhScJFKFnPw8Mxc8mVNV9mOiOqEgH4n-vxU-G7FdhS0HiFxSh60uWyTU/s36/25.gif", "$-)");    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg0F9ldKIXtFy5-5CCFNC8XTywkC-GVezurXb9lJWB82grocdQ_nECzpkGXdMoz-Gf0mQ8Tyj9wzl-rN5bmZP8Mu6RZM7KSoOrSuYPyRr7f2BAbst45zkTZyEgmOecMUNPl02dWUNpNPQ/s36/26.gif", "(b)");    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_TK7RXyp1m66fJvH3coAj3pjOvNXkU67Fc7xNHDnPZ3oAa1qIWcjQnzdveSJ67d6MVOadXyeR8YL36lpKXjuJPsOqsMwFF8MBGlBtmeHMC7ynI7im_cHfY2FukaLYaCsrzwgnhMZjO60/s36/27.gif'", "(f)");    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX4uArOjhKKgULEpB4yQgdjEJ2FDsvQBOsU0URudeUIEIkiEX5ouIfxBPVlL8CqggWaqAzjCMiTtCN4XKrrSBHypKoPBtwn5t6pq5uVwR7ZarekXzLmHraVOl0cY5Pg8wMnsKM-anvCB0/s36/28.gif", "x-)");    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsK2HD5XPorLEpUzrW5DrCDEvx31yvbklSN_thTtxWolTkzLlgHybLsV-y3c9YvwEFrrXUXdbnnYCpjUBV71aD2tPBjaZCp0hop1Vg_TvPEudp-OLsek9Nl7OABg6hUbpcc_83c80Z-Hw/s36/29.gif", "(k)");    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8mhJGs8qg_D_hHrBVN7TchrQE9Drh7YrsOB_MTJcAhyphenhyphenxIxx_L_ikWixOc0cH4IqH6pMaaSday_oV4RrwPHqdI7ey6VA0srCz7XWYnGfc7yMd_pEUtROrIQQw1MftRy9NR5-F08_6P-Ww/s36/30.gif", "(h)");    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7b6UmsMGpA6CgM0yHS33og5i6dykDlKkvOqHUxsqUUQjL9XukvsH2Nys5IqnOUfNYY3-XkfjDvF21BnRGBAhxhQG9N25RRPwC8G5jL7iKtrlPZbkeilB0KJVKFMqL395Pt7ue188M_Hs/s36/31.gif", "(c)");    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGOkVuJXe9A6OGxZzDR2iaFwX5SlSyH8ILPShpBI_6ZJM5tuIT42Kw2Z84SIfyb8qcKfZx18DJGOpm3q_1y9_m-8YaiIdchEBRMs7JA4R72HzZzntxMraY9NMTMzq9E1WLHIKoIu7RkHk/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>

sudah selesai di simpan 

lihat hasil nya ^^

Tambahan:sobat bisa menaruh kode .emoWrap{ background:#ccc; border: 1px solid #333; margin:5px; padding:10px;} di atas kode ]]></b:skin>

untuk merubah background maupun memberikan border

selamat mencoba