you may want to add emoticons on blog comments.
and how where how?
First make sure the template you are using.
If you are not yet a jquery template, then you need to put jquery code first.
copy and paste the code below just above </ head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
if the template you are using jquery, just ignore the above code.
The next step,
copy and paste the code below just above the code ]]> </b: skin>
.emoWrap{ background:#ccc; border: 1px solid #333; margin:5px; padding:10px;}
the last step,
copy and paste the code below code just above the </ body>
<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/AVvXsEiJ7IoP7bPP8EhBwxVtpT903_XzwmbYJpK5q3GKYyig6HRk0E1j7fGjxOOu1c6mnUN2sqKDC5EUjAltlax89YDzga4hhvyGQ8E2BRF2VYrd_GsTkSouVonMNlC9EZTJSmPH5M7Pij4hDus/s36/03.gif", ":))");
emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkkt3ECA1_LIoOUXPUpo4joa7azHgnBTvjaKe5_PaesvyJD_F9_8eSdWXMzahGUV1jkzpwAXYCg3hBRnuPa0zf5cvBpWL2YTr-Wx40EzPRIDi20zjzU9cGkdwWVZf0KBohyphenhyphenCgy7t064DM/s47/06.gif", ";((");
emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghHgJ7Dvk17ZVExt9-6ApPX9TGnP5x2w66FMFSFosvES-9MeBA7JbIDDAQNLRrxapvsK9DsbqDmnwKv99ZscWlAMpHOxoeV9EP4PWcNr4Voh7nwZpXgvqIi1uhvlFIrLhl09z5IoJgSWo/s36/01.gif", ":)");
emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoDNAUJLVqdxCOxYpJs5OoHzCWNFGfsiVYerKbBr3-huXb1JTu0b11qCYM00zOgf-rfdgbDcOpx5ng4kZUm1IAOrQfXEh4Z_97nGzF4mh4gMDtvDLLfRnD_TgA0tCS3vxxUyBQotYbqWk/s36/02.gif", ":-)");
emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXnHkppUnyBsi935OZK6MhWH7pzgVhZbTd1HTHdedKdWEHEANrx6pY-u9HPyLyhwEuY65GqrjQX9t90xFCHRfl2h78dESVsu3FPNn4PuPbkLUzZ0lOSA4WrdDegstTGSm1OTvteeJGeJo/s36/03a.gif", "=))");
emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNIuuF8OLjFIMnQz5alRwDgNp6X945rgJRwhDRqxStiDPuLE49vgixQ9dRIlJhIPmyRYYFLqijVBBEjoSZCGPxwDP1OOQi19J_62VZIxhvOyOdgKt49TDHzKn_YwCSngPHyXgdRol69e8/s36/04.gif", ";(");
emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyipzr4XD-X8640UWZnXYa4pGMLkK9eNtHMq6mN1AVtkxHalhyWyMMqQMvyz1jz2lSalJi4pE3GT6aaWSJs-DDFZV2U7beII6baBVwue0JZ1gg7Tn64jmpS2QA80F1h_BElJu02HofZns/s36/05.gif", ";-(");
emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7zIzPmBkI1ONJ7A20v5NOLu6ipNJsbsT3i-_f7eEXWYi5uCKXuC71KRMuw_CrFSmnc2vy9-A_d7bJ34-_oRFf7hQHG78k_-7rM_p83ai9qwrf_vlI2Unr1kJGGg00OyR9aTOcRJSagxg/s36/7.gif", ":d");
emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXd9LKrcRRr2R7Ulk8cqklbPLzfwi9EH98BXlBnyZoQObkmByT2VHzdjpZsyEbkyPzIbnAqICLkCJEqi7phnkgseLz6lY0_nvDX4Skud0vRXqhF7ER3IN8iryEPhZOVEsUPrnPUbZLwIA/s36/8.gif", ":-d");
emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD9juex0RoCOcEO4fzrGK_CRYav-ParrtMYdIbVMoDCThAnGkUMMWsHBp5wDvABG85jKF0chBwdyZyyYuuw2IuvqQsa36Lql9JgsnF54lpuC-2J7d48uUCjXA0Exfj0e3pX7XSI4Q75dQ/s36/09.gif", "@-)");
emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2-EJuUeKzcshCk8sFGSZUpODa1EdlnT3kH1N4sYKFvQJVTHCNevf-wlBsdVbi17YEy7EgXoCSp4l0bBDV4zRhgYbGOTfWOKD_jguepHHewbbya3wGZbPYl_sWB1gt5ftNRgbSaue1h6Q/s36/10.gif", ":p");
emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcKcfPS8U5EBiq-dhLY_uz2HAwRAju2pyJNlDU-aelmyA1TpaBD5irR1saWRE-XSnDyM-1Jp0S7DDwFXhzk5nHdVD4XUP0yJH6KpuGmDRQbzf3K4R3smlUzDonDZImEkFnK1BxI1zY824/s36/11.gif", ":o");
emo(/\s:>\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWLgbTxTexlEno6doTsqu9acXolp-tQwDYGgqCxalPnhLAfYAS4detlbx8rmmhW9l1Joey8WUHlBMFwKuV_XqldwsP-7arP5IdCkyxTJS7S4SA_7UJOuipZ35tTvZlBDlBzrZgG-KmpKM/s36/12.gif", ":>)");
emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrxYVv867XIC2_G8ImLJKq0GYtFPOSdHSXJAsleObeS0VNguIgno1ZhX3YIelfJkAWrysVEiZCW-OMsKCidUZ958eQYJnMFeW94qmO7VtBQzX5cFcsM9UYzXhu8sVqKn775U2EwHMnJ7w/s36/13.gif", "(o)");
emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCW7kUPoa_s3MyqiLDrL9f5OaPc4Ngl7bfWdBImy3N8OP2ws3ICRxCy9CArlOO_JY5I2CtDXsdftDZPtm4AEB5vOy3m2m7qv-zFhK-6kkgFpWyBZzRkBvCugHX4CHzkd1YqibMZ_j9Yc4/s36/14.gif", "[-(");
emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdGZAa-1pCeFAbRbejJ9dmdEEh4Voq5Ehl4qIf9XNYVEu1PIoFWi1fDbcGir1YkixsaRX2kzHfC137nGIQabdNewl_hs_R4Qd8lP_FA3lDFEWXXw2tYSOfiCDIh7UxBSoGDIZvRLM8Blk/s36/15.gif", ":-?");
emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNtErv1LXr6YDb_141qbgWYBDUdg7Gy2nfpAJMojcTQ5CqYxPLQEl3iy8K5J2Xur12VlK8Ni6C2LY2fZGtEY8l5cztIT5336DP0CynlCMWvOfrmc_vYsYMHa8pkOnWop1AFEY2_6VG5GA/s36/16.gif", "(p)");
emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6tkrzsv4nc5FeN6E2MIkWH0IRuCuXBrw1oPQRhjAcGfb5_ymviQAIiMk3Zp2fb0ki9GW2vXGGNamMcYPZupaEz5BMUgNs6Ww7wSF8zG1uDeUfIa7J6AP7OFCcnIk-TMlU7aEBdYOUA6I/s36/17.gif", ":-s");
emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid6RQUr5l-2IY7dkhGDiFDIZOOYA5NkD2ZUSk5Cn_J8V3BEUpT8Ts7sHcLqDik-0Un7pgFscRutIuWW8dKKcL1TEQ0JjrziTth0iisa6Mg9-X4szWLWVOVdIfTXFK98aSvmd6JSJdNf78/s36/18.gif", "(m)");
emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCAQYHaUd6j_WeYk5owwAh5BW2UUFnbV38QoxCDXSBxLIxqdMqsgrFjYwUlS7qXG835-jPU5CeqJ1HXmlbSQWaqrXSeyCXz3CBRI1myD0XbdwycY2P6lOiOAgkhjCr1R-Ca6nV4O2XE8Q/s36/19.gif", "8-)");
emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD9U13mTnyLBpApP9P2Mvaqo9Mf_Zz2vfUFe7Xhbor4KM35InzpM3axYR6RzedaqXrn2tRqSxQjdR3yIyjtJDubherwHCO8wD27eudD9UdcSYYYFWsTPFH7gugtlpNheFAMa6-Pp4Dn0o/s36/20.gif", ":-t");
emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0BOgD3Ij7AQlvaLm4ewoF7grXn3iNnhrcXsJ-QNd5h7fqxIulL4nAqgA7j-q3S-KLl2X90WF3ydvtWWJ3tQAxEzM-oPTHk_roaVg1bx5Er7vkl-qCZv9hKdm7bqg6b1kFhtHi1zyzBdQ/s36/21.gif", ":-b");
emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd48FuQ_KoHA8wdpjtABp3uVPIf5SAIop9ija8l7Kn-MqF56XnqF2LFbIflbjGgzHkd14BWGZrkqVWY7pyD_N525aTgzRwmVj9bGjmN-IZn9ADr95RmaJe8Sd2sFY6QItT7-Sj4fPLDwg/s35/22.gif", "b-(");
emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge2GYsW6Llb2z3SY1Ozb6pcZy1OLy2bFDKvms1blFjO56fKcnK-fhjjiUMSnDp3wncynrGMwKcqcFL-imSEba4HfdurmlH2GpfmrsZpirZ3-NUxLrFwloN_B8ur-L3ovo_y1c7bEb1VjM/s36/23.gif", ":-#");
emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqtVhppJDG8k3Wyp7sFAaDdohzM8PiSbREjinCeJBCXDsueFpRmwxWnBaKG3muU9fpekfc6m6-sDpyeVo3eX601dIdBzEEqds3vBOh4lR92OaUjIULkJ9XQPB9yWFfIqVlGvGj9a_Goug/s36/24.gif", "=p~");
emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF0vNDZALPhUD7fweAywAZ_f7lnVgd6CAE6XM64SmB9x2xoLOwZOaIT0H9rSU2spy9iU3wCTsKvTr5nFoyToGjouFmCSghpppjiL-ddUC1bd3cejfBrXjP46GVT3Ec6C2zCGMllHhB738/s36/25.gif", "$-)");
emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxifOuLM9q0CWm5HHFqoaddjx2FWtP4OpUp3-kdqm1C1MkG251-rqA4zlfADj6cbNnuLDB0GumSr4itxZR7UN7B_FaBTJCeaGVXyJTE4-_46TjwuJ4jktbzkOUc09tSl1abcge1LdmC5U/s36/26.gif", "(b)");
emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdr_-Ej2xNia3hAcihCkYeBY8YiEysxIdCEcxgUOJxfzXJ8yNms-d6mK0UoNdPVbVRO2nnSSI9xN0r22rHY0Y7jEat8ZixbNJ3qmJrQebxmFWkOeOUiiPaRw71HHb7-2JhMtvDCoT4Ejg/s36/27.gif'", "(f)");
emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVAU0-d_UvEXBfxR8pBAX03ELLq34numaF6q1EJg5a5SuHhWSdeaMY-vSeZJkG6S-MAFDUof2lNl6dI-n_Z9wa3yNKbmNHZGr2A1tz3MyjhyphenhyphenYdfuAzsYuxBULd35RSlp50gNR3IN0h7qY/s36/28.gif", "x-)");
emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvKafkRgyh2mWsEKNYyDeE_9djQ3_hbNfeI0wmjCv944DL2i3lHvNo67bEDbYo1_ZzMg-kKe_NgtGMQXB55M-PHecwDjzj-GJs5EfT6Fqt_DM_m31_5JnuUixHFfz15ngLYvjubz7qYn0/s36/29.gif", "(k)");
emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD3T-DabFROzXGc4cQCTaHvfoHmy7NBlizW5aMeCKN1wUfB_OXqYCX2U5p2Rzvf6ThFycDvA7Sllq_uSw8TQCOS9VG_fRVGuteTFrSsom_H-ULqBsVmmsrCdmvc7UEAH9h1RIm6BX5odI/s36/30.gif", "(h)");
emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFUCvfUWaUnUUu302cQuSdJeOs49be432FjLuVKaCS6JIzID9cdAg9eDtvLnxH6l7eH5a6qhfuleTDkZSaZO1gMUVGadxaATwVxQ1GFEoPZiLoh_tKZT9TwkFSJP8qSyobOun2wvFTpmU/s36/31.gif", "(c)");
emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8RPNJi1_BqEvK3zamy2gEKjHwVlnBGN-OE-JgsEtHN3Xftc4JElI9fo4JRNiaN-sxJIKIZdqbI4fOH28KRY6Br9s_lm89jNr0Ks77rp7XQPcvkMtrTqLFdGjOSpbqGLERTZfc-S81leE/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>
as where, interesting is not it?
