Cara menambahkan emoticon di komentar blog diblogger Keren dan Lucu Terbaru - Bagi anda yang ingin mendesain blog anda agar tampak lebih cantik, kali ini saya telah membuat sebuah tutorial yang mungkin dapat berguna bagi anda, yakni tentang Cara menambahkan emoticon di komentar blog diblogger Keren dan Lucu Terbaru yang dapat anda baca selengkapnya tutorialnya berikut ini :
1. Login ke akun blogger sobat atau klik disini
2. Pada Dashboard pilih Template » Edit HTML
3. Cari kode </body> kemudian letakkan code berikut tepat di atasnya
<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/AVvXsEjCk57MiXrO0Vyyku4QI0fnnG2KhIVBnyDNpj0tJb0Ht-e8LjB9pdZC5rghtNs1E-GepH63y_ps4n-PrCMmH13gdAMOWZhE8dhHJwZRf17_M-ctRUKXhLdhUPg33Dn4C2ME4lfAHWXB9Ks/s36/03.gif", ":))");
emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGv5gm131z7q_ppOq0MlEAB11tggOYd7hqFu4XblzU1RJbQC6Tjk5dNTkor9mE9lO7RNm5tiYCmOtYDX6u36KF7-gAqRLdOenwOS7u7jl45FqocA9myPiT8LK2tTfD86Q1GZUjNU3FKgU/s47/06.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5E0YyWk0pJC6rZrJ_1A78FXasgFTCBi-srCT68admBqUNGkv44Yrm-RJS8_kSrt5_HpoG_lcxLVDSh5CM1d-X2K0AlZL6Zn3Fn8NzHQb8HvFVucqVL6N5T63mO2i55LWHL7R9_gRpgsw/s36/01.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI9JaapsXFzwoXGD5GxgZaK0YCh343j4p-KxrMAWPTYy9GJv_ObYSSgLKRCsCORa_qKewPs6WxNUwYpzIu6RJpXFZTqEAdX-O7cXebVBAxIX4H8352-bXhlNpKesyDLUXA8p9StVgEIMM/s36/02.gif", ":-)");
emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyOyXvZB69pWgMo4y_ET6tTUxpcfUhBbtVVC9my_nmbtHQuwwXPA-sCBHxmvybebhJjMv0Mz3q9oqaj6t1iZnyhYbcD_lgeD10LG049sQxHBUOmUnCR3ZXTWQORo4xGVCT1L_9DYbsy74/s36/03a.gif", "=))");
emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFbpWVLgdfefgK3dmVUkn8-J865IwG5q6SBIonqzf2qjTSRozyICY6CIOZnyUeM5OfkwH-EbKTY2Fmz-oESmmo_Yay1fBqt4txY0lZBgh5nLzARiIpndLAF7ZJD64IHN3-oOpE2rYB0mc/s36/04.gif", ";(");
emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgunA8ba1XabMPM7bzesSCGXfbtFZv4wot8BB9By33E5CDqBKb1-IP67bjJKrojvywatfh5jqv-WwOTusa1K2N-gxQofOd5dQaXk-Be1OKQpVZuqchKk0nvtQCMLMgr8hp60QOTaTJuk4Y/s36/05.gif", ";-(");
emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibjKP7M2Gl_fHjZNryly9LobdOfyd1egMf0uKPGAAounJh0LEMkJe08cFTQ62dcLI1ykXtW3mwnhf5yt8ffPQ9qNxOcGMa8BqeufHUImE6Hx04kXeOjgl5a2mir5OHFR2KcVouylNpdIc/s36/7.gif", ":d");
emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSAgzjrolsicdtHPjL0oh3VijYM9eXdvf_Q1Tvk73_omZjMmEAke4pKPsNiPGuU0ET35yGxp54nrk2tTIRuypIA1hKhYz9UBqLoOUmwHixurdXkf7pp0GCewvVu7usNY881fDXpggn4UI/s36/8.gif", ":-d");
emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7QtMH2g5Avde32WcRuNpP_Yg-nNN85tSYnKUstd6X89KshSb6DJb7jB-kwkz2xpzeSYFi6hyLqdGCh3Lyl3QHZIr70NKFwVqDqEgQnOtLFOMmBoV14tJyXvdbA0Emeql8LIMd2CyEjVA/s36/09.gif", "@-)");
emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwrx-lw55M-1YQZbJf2x6LMY6MBbzFZbadsxwU_l6hia2f8LObzUfYPocyHhBVR5uTAV-VpJ28_QfW-hWXZV1qf3RTMTlQ5VIXWqLcAU49htAG12q7XOjMwoA1h_tOre0xc5wglJbKMLw/s36/10.gif", ":p");
emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMOY5LEyYALsjaTt7ZlJo3ncfj-meaSv0JeZCtoWvHa8Fu_5Lo5Xb1FECnTiuB5u8juAM7hmG47_3MCbSi-88vQwFMtosG5jMosXBGoEWfARB3TTeQ9decdqXFMs1JxbAxKLX9LxfxR90/s36/11.gif", ":o");
emo(/\s:>\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgslULmLtvZGFp16iFwxWD06_gyIesjMoZtPkm7AFMj9pZRlb8Y3y1qXupCpQqj_yQ0V_s_2jnwSkY6TaP5S0ArZiEIiTXARcZJ8Vq8Kc9hD3S6U2dXFb2kqSnB3pfJco-OJspmB-iM1aE/s36/12.gif", ":>)");
emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMxHJ76bV_7plxtPO38CmOlVSfa7Na3aJKOsCpl2133yksk5bZwsIZASlXjUIMYUws-1qUjI1WyD-p9o44_VrGbgVmvsdSBxAwZPluUZBgOg4K-_tywi_Q7cwOu18Gqk34_MtoUOVhg_8/s36/13.gif", "(o)");
emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSASUiYxOJatlqCsAatBrXxWj6rNd9KjBPuHC7t_tsinNzTQq9knn9DNtflj8GT5whuZ0-drLSjb3zsd8qVKIFKjybSCNJJogjfaoJq7EU1BdPhWz9yxByUBIvnw2pSdBqgCy1TcNXagM/s36/14.gif", "[-(");
emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1sgxOrWKjG-o73-1dqLsozVoLLN_eXnvapI82eZLmFtXJefIvNrvjpvgEer1hUUURJQJ3yiyNcZWeZEoeMv_UbI40dNrIEF9Xu3WDxMULQm2ylKY7kcU0jUWRo2x-suM8I9rqjkTzZLA/s36/15.gif", ":-?");
emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYBv5prHdbaAZvgerfAbAeJAZ1y4Px52cYjhz11Q8zGZSGKRAtkSpBXUNl_70wCesikTQdrQQBOnNfOz9e4SVtAaMsl7LZXrjoqASluukRoqiQY2uVHAHSgu7-h1AAdxqULdbLVWILmjY/s36/16.gif", "(p)");
emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPSfv7S7BcCoRaaeEp-HxAiE_RwMD2ln7O3TPHfNxvazIOWvewcS26HqmCGbY4j1FCCHDKBAy4EwwikGFivtaF4zkGkMN6xlJpYMEHFIEhyEgB1bt5v7NCjFYedMMsWGpyEAUUar8xq-Q/s36/17.gif", ":-s");
emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJNwiU_l4WBHaN7N1Rud9yRn8_l8OM0sE04XFdlbpoWqCVWe4Y9XD4ZycagLDuhPBS7zDcqgeU1derBsTVIqjQap50jZHbU7Ym_t82P0k9d2EYQfEKShS7Pxj0gHUj4tTEFTWE-XN1BDI/s36/18.gif", "(m)");
emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPB6ZeS7ifBLzXzeVZvT3lsHPUaJdlWyfU1CQWLmq6oEGcDRAGVYnKpQJ00yFK7LpXf4TNb2kBga-ohi-mc0GrWer-bUo3rKC6wYnvALOlUZUWiZnpWzXmM1YppVXka4CUiXIyjUcCO1A/s36/19.gif", "8-)");
emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbtphxgETOtmfAa1RP7NyNGHYl2FLewCs1Bi19o5-aj1Vjf7DzmP84948wxORspC_hxGk4TR9jzWnVFteDWmL_8WnQ53Yr-KFc7DC5ISv7FI6d9gZvUFMYqAVUu5mquy4oF7VS7jy8CC0/s36/20.gif", ":-t");
emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCZ7Crs-Ywj_wjzcMS9E1Dx-hcSpaScjt8wWwYn2vJIwCVy9Va9U0pwkD5D7OvbsrxzVf3g48cT7zveicNIOH5dWhMNyJL4JBxWHOgki8tl4IlRO_-iabn2Jajv5VXM0SfT5wA9qIDb1Q/s36/21.gif", ":-b");
emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinBfU5ZO2Y2UEJLE_zObHYXIxid9lSgypnbtZvUnseg8bNkBLn9CpPXewD8A73UiEFKMUVR5b_QYzncodnztXL1ZAJyGfdjVR-239c7dzoHcdx3GWcubmZ-5QBoY1QqutN_9E-OBdNI8I/s35/22.gif", "b-(");
emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaum6L_n3Rla-N1e7ou9lLBOM3am2WClIlJ3gP_D-SM9cwjrW3aSGYmgv0haoEgTxzaKI1kKL-sVBMoVhnnDjqWldAgbgTwwkorFoT-j5i7NBuSUVR3FYIBj3TY0WRYoL0ExnbHYX8j68/s36/23.gif", ":-#");
emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUtKNGCqxV5fR55TgvlLxp6uUOmTvpQjIJFlnm2m4FmShh4yCI7KcHJXoNO9LubZI_5YJFGeT_9ZZVX2CdIGsIcQwsxTidWIz_V8QS5PEzKVlMXQCzQ96ksXg35nr5Obh8EhU0OWfb3GA/s36/24.gif", "=p~");
emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAzaF8a6t05mf3OtIIQoPDSqaYp9TD4aR29nsVLLHBIocr3Zj5aA9-woa4rmopqmyZTnyBAwfLagEsicBLfOcFJnzgSxZjvExp55D3O6qxmXMATfdidOGv2hZ8ivC_krgAAKTn1iV-7t8/s36/25.gif", "$-)");
emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizh0D4uWYUk68glTE97lGIeoL69rwwwQXef_HyFbzcE_b_B2AfuWlbL8p05HxazVSt6Q_ey9JwF2c92kFpwFjymJHYTF0jfdVnTg4Evjapwhunrf-SsXLCICihWmC9VMuy9vd0At2h8TM/s36/26.gif", "(b)");
emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0aIgrHD5dgrAF4fDmgCMMLVwlIOF8-nImVzKNylmR40nhiegLb_gEW8gKignboJzH1praeTK5-dyrUCpMviY3sQuR-ewmsarTFxwjyJZrBS4f3IfSN38j-l7FY6iUuWJMeyfQvpiBkyc/s36/27.gif'", "(f)");
emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqOWKDam38Ni4deJJpSKoxMt8vsgGYKh5uhNAP12r9wE5_bM3VFpOQKLgzinWb6RFgcuCA1QDk8IH2F6FcFAmA6JoJdY4F4rxrAPSw8EWgQB4zfXYUenSDxUVXXpPCb0ihIKfrYOPRvg4/s36/28.gif", "x-)");
emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgny2u3F1EKGAwBIzLe12fLQzp5micj-S-vj6HUaDquMh3zUNwAvwSnOvEOuPVQotHveFOa4BUUR9EU-rKqV1-4aAywKotXHOOyrQLruCtMZfe646Tt6dvPc5h257eTRcW56qwB4Xj5AsA/s36/29.gif", "(k)");
emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJIElRnoiiexjTaILjZwglO9QJuxt9_HiLo8Aqvw8yag_ymX9hOBZi_fEAZqCThgU6M85tNZF5REqsnwoc0NxupxuETdearXatXE4KNC8wjcPGNdL6klOLtJxZiTvsk1bMUioobOnTWCM/s36/30.gif", "(h)");
emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-jxZEopG8thvKr7olgu7LTWSEpSoAUiJi_xo4gA7nvbcmrkEFjBXtxBQzsYcexS2XP0q6K1hgo7NyBnQkg9mp9n3PBs6IfwCUpi7ApiBfUodX926OKcQnUTjhTqYiQDuuM47n1jk9aXU/s36/31.gif", "(c)");
emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhIaHw3wLy-CqeVGVjjeYBBPkYfQYBMnp8jYVkCJbwOBa33SyccnWojIdoZnyoeFVkYJt8MCXz2WT-TzRGmWg86fTk9k4XpYGV4b_t9XMu3p-XPpcL5thJSyfrc1FXF-GZjn3EYb8bvOs/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 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;}
5. Simpan dan lihat hasilnya...:)
Semoga dengan beberapa langkah diatas tentang bagaimana Cara menambahkan emoticon di komentar blog diblogger Keren dan Lucu Terbaru dapat berguna dan bermanfaat
. Terima kasih atas kunjungannya
