Emotion bukan sesuatu yang baru bagi Anda yang sering berselanjar di dunia maya. Terutama di bagi Anda yang pernah nongkrong di Facebook. Di Facebook, Ada banyak macam Emotion dan dari waktu ke waktu Emotion Facebook semakin bertambah.
Selain di Facebook, di blog Anda bisa
juga menggunakan Emotion.
Ikuti langkah-langkah pemasangannya
·
Log in ke blog
·
Buka Template => Edit Html
·
Cari kode berikut ]]></b:skin>
·
Masukkan kode dibawah ini diata
kode ]]></b:skin>
.emoWrap{ background:#ccc; border: 1px
solid #333; margin:5px; padding:10px;}
·
Setelah itu, Masukkan Kode
dibawah ini diatas kode </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/AVvXsEgoY2qUpU5Hs_sInMkm4pKyN8ZCZ16sEqsHeFt1iSBLuyax-3G4bHEeRJ_32rvoiulONW_JGTM3AeeWZPk5BI4ahcOHQGNPnAhRRV34FpJMoaq5yO-jw-T_vJe1oamAP34rpSn66xUu2vw/s36/03.gif",
":))");
emo(/\s;\(\(+/g,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhii5vK5cu0adhnkB0fgcU1tpPmm6mk98TPFwxXLKu3la7zNiMHGbqhAX2ylGQdYMQRe-V_ZoudJUzenaxN1bu0lyf60Is90xp-u8EUP7bWBfnbyzyZhoYohSqST3o5xoocMdjHjNxvV7o/s47/06.gif",
";((");
emo(/\s:\)+/g,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh8YSGnhdXcKPA8AUeVn2RgSq2bY_g-rZ2hV9YD6JucgPipGXwvpwyKaOtVKkQVcW7yOnkWEgQktfFQdu6nTrPPrYcKIRtoSeTl2VacjVDmdsoLbFnemVAJe3EgPtPtUSXGgoesq25F30/s36/01.gif",
":)");
emo(/\s:-\)+/g,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHlxAXfASbcV3tihV3no6g6PckwSa_w-ayea8_eVfYAkNlIUjvs9O0P6_KNVxIFi1xLhY536uU3GsHlVswWgRrGrTedrufRjKndoWTizG0pKQ7nSDYKktskb8E2cTHKtewRFF-Ad3dv8c/s36/02.gif",
":-)");
emo(/\s=\)\)+/g,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHNkUMoU6nldgqnxPhu30bFikFo7THeW4BBize97LV8XMQ0Wt0s4xvmrl8p25lJPx3waNanQr_yEluIAyoRPrTls1tPu26zyCjq-8QmBgXLgfmqQ0iv7Cy6ukjFb4W2K2zSL9i5VY592E/s36/03a.gif",
"=))");
emo(/\s;\(+/g,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_3FZ1BileKWYbHgrG2andNaTMj-XCvY7WESSEcZeOEqaZJKEK7lucZAKA2mPZXk3FJk_9U9QAnx-5oubzFVMLVDZxDp_UEueKWwCb6iJLP2lkriIbfsSLBtx79UlUdYygArvR8Nqlrr0/s36/04.gif",
";(");
emo(/\s;-\(+/g,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJdxAk5Rnd_TrVlmPMcdb7EyXf6mV_3xL2cH3I_G-kv3PXYjfNaRV15Y1qGI2EFP3Bx1yzv6H1fNrad9Nkc1RfChp7jvWY2oBTJoCv-l9wKwuzRlG6HklplY0lpwrjbZWS7Hm5Of2zpd0/s36/05.gif",
";-(");
emo(/\s:d/ig,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigVvu3V5RsQCXgiVaY71WkZHsiD3b3xc-M8BfIn5VCCSZXiaKJBcg06Ufe0BijQzerhuzSRPiKjYrZuWTenaWeAJz16uHRWppCCY4dLDkJxK21fDSQuoD5kSvrmL1TPOcfPf1iiw0O5ww/s36/7.gif",
":d");
emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8zb5krlyYfxZcZkhS30bhCoCKr5q07kbzq-XMBwoL8FlNLRFEn72O7aE1NCAVm-x04zloz57q4sTz-mW-fmSXaMjVN-RDjsxh3CQojPauZm62rqnEI_dL87kNvEVuzfnt8zRJ3UQzZ-g/s36/8.gif",
":-d");
emo(/\s@-\)+/g,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsgrhhlsjQkb1SgtuFES9_EpuSiNPSl6J-DZkIL0KilHWjvVXSoPbA-3HFUuuKBP9AZ89tqGKIX16vzjhEWF_msumDLX1HK20A5s3nfOd33J9i5EvSDw1bFVeU2obFq7adNsoEGhpIGUY/s36/09.gif",
"@-)");
emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6xlOVWjupNADnrZ7QZdPwU2gcbIKmmQQa-U-c5hmhrTN21CViaAPndQVAXtS2Hz5N2wAjWQuwmPZpbOmsEAx8uwoTGe_rji6nGafNMHFVnO4hOaG3Yuw500wThqyTyaoeh2gQhBk1gG0/s36/10.gif",
":p");
emo(/\s:o/ig,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh34QMGYFttm3VDJno0f1wOg03kfP_XwnfOD2-Td0IxMMJyEJVZAAlQFTGU8UY62kWDvSdp4OQIg5MOHAoWufLVzu6K7qPQoR2jKB4XRukd8Nf1XJsmcRc4EUBvoU-zOQmK_i3yVpjMAb0/s36/11.gif",
":o");
emo(/\s:>\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDsEvqm_nx8rz1bXnb-rK6M6GQIM9WhYoN8hO823jyZqNspptUvcXqBazhbBUViax7WCmPwRuk9YF9w5cB120rIifEYphArfHiPO3_TCSlNmqy1d2SkRP7YT5ToGUlTqjN9UtfWNtxCM8/s36/12.gif",
":>)");
emo(/\s\(o\)+/ig,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiardx-AxZ2aeQUsczK0ozyMS5T8jNWc9Kkj1nDlVFNCDZ7SK4ry251oCTrbtwqBMrJFoMlNchLXDQhyS7KT76en6X0dxmzKtnq3ldfrpEst85SX3YJKpTOo_TsYZ5_mxHTns0Y0P9ab2Y/s36/13.gif",
"(o)");
emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhII8gQq8iBrQBlwYZoFNoCkHDIppaVLjOjlsSqyjk4LZXCmkfiLKAqRPc2R4I1YmW8n4HJUdD2mjf2fg6RcQaVy1DsdkfsN3Ny6eaqi9ES_9V4Ud1fekXtO7kbaoeuwhsXr8u9a0f24A/s36/14.gif",
"[-(");
emo(/\s:-\?/g,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzxpZDR1H9sUP6mwSBfivCoRYwKX6ibBsx3Q3pinudwyCkLbE3YldRW28ivRAiOh4uL_IQVJAh9Dv2LfKcNp3CoNe7m3jBmSWPQO9HUjDmi1j_B-FMFe19zlM5eNRJ71BIDQjAkLQWywE/s36/15.gif",
":-?");
emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizVk4bZLPd1q2gNu5SsyJ1qgsVZssjSU7qxln6d6hmBPmndzPznhRfmm0yTjvHO3nS5P8hhRwCkW9IfLWyziZJMrzR9G1B-4VEY1ClnIpqknQntZKj3VNKjTRRfPfgaFn7L4EwK6j-P20/s36/16.gif",
"(p)");
emo(/\s:-s/ig,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggq4nf93fAk7fn7_L_WCHQ9UrU2kFjAatpr1YNYQbLnwTGrwNy2Vbp4UNN1sphjtXV7ZAZm3lSCBByUt_14e8bcwaAlT8aBMjCBcqbkf_62ae2-GsguMN4_p49-OdtRUbbMmnqmIU_gZ8/s36/17.gif",
":-s");
emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFeaa7rbcMPPj866s4DCjaqXFgYnGgVZhUodCorarIkV3mMoUAMII2UmDLXkSNce7SnIVQ8LrDq1d0A4jbv4c0Tjfr_aNicDmSbkuMjb4UNCWEATU1zUv0v_TPSuEDT-TOkBcKwWtPaaQ/s36/18.gif",
"(m)");
emo(/\s8-\)+/ig,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsoDf8K1lsMHnZc-4oxTlthmN-DHz4jjeJkYzzfAEfMo2siAFQjKQnRYSIItJk2Pgema4oe_uMS0WNYix-ljfQQvbu3DdKxoJqa2_F4O0FORNm2i2TWZwLJs9r-7F_wUbvJFfGvq4vBM4/s36/19.gif",
"8-)");
emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE1X0dMQ0IXe8bOf90YI0tbzs_eRgohB9UF-9fptYTW5vmHxoElYlV49ER530DSYkYHhwtn82hShtI-ZtqK8Dd36npgyjXVD9E4ouwjNVelzKVx-nwVCvplZhu0dn1Yfe0J6NIgq_OyS8/s36/20.gif",
":-t");
emo(/\s:-b/ig,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0btSlXKEN0jbXjHroShH_tOFyhlWTsRCdZOG98Lj5r6cAFDoY_bFPkznWYx3KmleUOCrrI_qhapQTtAW8Wm0fYmejEF49cKwbabVzQ_9nQ9hF9ul3b9tB4rgibvqB5PV_oDI2cWaiAF8/s36/21.gif",
":-b");
emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_fhCMV3va2XyPTfI52ALQ8lUM2jT32dvvNSQW8Lk5qJtimFOkhBzq8BaYo8cdJ1rIN6605xPl5CFw43uW1ZRQphxSQQObgccMVHqk43Iu84IRbHCOE_LiSVsqbojzsycQbdDMEuTq_rA/s35/22.gif",
"b-(");
emo(/\s:-#/ig,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis_jeuv3zZxL4D0JYlU0DmLlqNvqs18iQBexmhqPg0XAEg4iItrvbEtTUHenRkk7-cR8q1WnbvZ_BJ5ptYAXMgUIWlQtCUPOZAJQofV1QqSKFIicuLAdgZEeTePUl00utDaQtMlMONUjI/s36/23.gif",
":-#");
emo(/\s=p~/ig,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Wt3Y8y8pHuaLZ_oXlG0b4sn5LEiCIn05oJ4EGeoMIJYM12hUT8oMsuHecArJSjoJXrbkgXV0fstEoiJNevdXb7O6clpO3Tb9tFdt7Y53vdhxBv739-DMOKUL94mNYnkJ4s81aPGBxno/s36/24.gif",
"=p~");
emo(/\s\$-\)+/ig,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKWpY51DH-WSvudeaC4OQL2Mv65UcFRBQdTrr5Q-Yp32vsitMINDezycYKi6PhU3lPkyNcLLCOWe92aX6Uz1rO6y4e6vom0oE7hgUoO5IJ4Cjh_XLoPz3iWIPsZCJgQfXhWELTr8d8aKc/s36/25.gif",
"$-)");
emo(/\s\(b\)+/ig,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBuBvBbqpC4Fbiar3S6oCnX9cFL7GiqI44IuxUcVVbdRw6IjdYnzhZD3jap83ZWCB4k54SMZ3DkhEqcBwMdPAPJW9x4SzegrkThgKc4NxurgytewsbGhZrqYao3EDGw4wp04GHKeK74DU/s36/26.gif",
"(b)");
emo(/\s\(f\)+/ig,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv6eIV3mCxyoiTQHxQKNBalRyiAitUy6MwTbBWa8DsDOXrlR3orsCLiLA0QsX2EBcte-gCwn6SFuJDWTxG0D_Z2QcuMBk10hpBoJiSGrEuvqiDUHUDlKq5Gi6LyBJ5hS8Mfzh76Pk0dro/s36/27.gif'",
"(f)");
emo(/\sx-\)+/ig,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4VZka7m2TJgVb8cb1Zy8rKQddG65Rt865k87HdQxlFBqGjf9FU6qdxSP7QGeFc9v7b-FwMgtso64zo-P47dvO7QiyR4WpFWFnA6_bk59wC7nldUi5Ru6Y-dZLAt4HqVI54adegZd0IDk/s36/28.gif",
"x-)");
emo(/\s\(k\)+/ig,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZAg_eJHoRjOpF6fH-41WsZ2vCf4ytdp3nuBXtU5MAOSFc5itEcBsFH2Y6gJ8SR86NoSWSVMtBmB5h4oPTvEDTvXTrttisQ4eyJGfnvE0-xDEWjbP4wLd2T6LQ0AFzB6Bh4sUPX-7oVck/s36/29.gif",
"(k)");
emo(/\s\(h\)+/ig,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAOs47pj3AHUMyNV_9e2vymlcm57HfuGBUKjUuvYVRB1-zEVIJMccR5-fXBj9EOa97rT0I78k20VtZ2Iy_PFnrIP0UGclMNJa7ti7cED3MTDalLJEpc4QpcdXL6hVjfBPJpIrEfgiuubU/s36/30.gif",
"(h)");
emo(/\s\(c\)+/ig,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKW5C-kOCNK0aoDWHluIXYoJDt8nUbZ0YCRfsR64c1djaNyYxLOfAkUtKlKGqdMcZ5BinnaZk9d1gEFy5iUh5uRkKFSZ8nNExEEML5w4bYkoEJT8v2OrOn6gKVn5WWTM5vY8mpU2WNFm4/s36/31.gif",
"(c)");
emo(/\scheer/ig,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNXUivSrSBHZ4pSF1ZHpTHryjW37eOwFvaoOC_XA7Rc8eFUJo-uXSxRglSVaZzhM7n3SnXl1Lz0aXNSBEz_lK5xuNZ-_RbLc5Mr2UH690RAGGZJ6LIBF-U6I7iel7OuSbnvet6eImOSkE/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>
·
Simpan templatenya
Semoga Bermanfaat !!!
Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.
0 comments:
Post a Comment