الكاتب
بكل تأكيد اذا كانت لديك مدونة بلوجر تملكها فانت دائما بحاجة الى تفاعل الزوار واندماجهم معاك فى الموضوع الذى تقدمه وبغض النظر عما تحتويه مواضيع مدونتك سواء ترفيهيه او شخصية او تقنيه الخ ..... ؛ واغلب الزوار عند وضعه تعليقا يفضل ان يترك بصمه جيدة وتعبيرا يليق به وغالبا يحتاج هذا الى Smileys & Emoticons
ولذلك سوف اقوم فى هذا الموضوع شرح تركيب مثل هذه الاضافة ويمكنك تجربتها فى مدونتى فى هذا الموضوع
- اكثر ما يجعل هذه الاضافة رائعه هى انها سريعه التحميل نسبيا بعكس بعض الاضافات من هذا النوع ولكى لا اطيل قم بتطبيق الاتى لاضافتها الى مدونتك
هام جدا : يجب عليك اخذف نسخة احتياطية من قالب مدونتك اولا قبل اجراء اى تعديل
لتركيب الاضافة :
الخطوة الثانية هى اضافة أجاكس (AJAX) ولكن ذلك فى حالة عدم وجوده ؛ لذلك انصحك بحفظ الخطوة السابقة والذهاب لمشاهده هل الاضافة ظاهره بالشكل الطبيعى ام لا اذا كانت الاجابة لا فلابد ان تقوم باضافة الكود التالى
- اكثر ما يجعل هذه الاضافة رائعه هى انها سريعه التحميل نسبيا بعكس بعض الاضافات من هذا النوع ولكى لا اطيل قم بتطبيق الاتى لاضافتها الى مدونتك
شرح أضافة الأشكال المتحركة والأبتسمات الى صندوق تعليقات البلوجر
هام جدا : يجب عليك اخذف نسخة احتياطية من قالب مدونتك اولا قبل اجراء اى تعديل
- قم بتسجيل الدخول الى لوحة تحكم مدونتك
- قم من التبويب قالب --- اضغط على الزر نسخ احتياطي / استعادة ثم تظهر لك نافذة اضغط على زر تنزيل النموذج الكامل
لتركيب الاضافة :
- قم بتسجيل الدخول الى لوحة تحكم مدونتك
- من التبويت قوالب --------> تحرير Html ------> قم بالبحث عن الكود الاتى بالضغط على ( Ctrl+F) فى لوحة المفاتيح ليظهر لك شريط البحث فى الاكواد وابحث عن الكود التالى
</body>ثم اضف فوقه مباشرة الكود الاتى
<b:if cond='data:blog.pageType == "item"'><style type='text/css'>.emoWrap{position:relative;padding:10px;margin-bottom:7px;background:#fff;background-image:-ms-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-moz-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-o-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-webkit-gradient(linear,right top,left top,color-stop(0,#fff),color-stop(1,#fff9f2));background-image:-webkit-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:linear-gradient(to left,#fff 0,#fff9f2 100%);border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);font-weight:normal;color:#333}.emoWrap:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #ccc;border-right:20px solid transparent;width:0;height:0;line-height:0}</style> <script type='text/javascript'>- يمكنك تغير الجمل المكتوبه باللون الاحمر للجمل التى تريدها ان تظهر للزائر
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"أضغط لترى كود التعبير!",
emoMessage:"لإدراج التعبيرات يجب أضاف مسافة واحدة على الأقل قبل الكود."
})
});
//]]>
<script type="text/javascript">
window.emoticonx=(function(){var b=function(m){var j=m||{},l=j.emoRange||"#comments p, div.emoWrap",k=j.putEmoAbove||"iframe#comment-editor",h=j.topText||"Klik untuk melihat kode!",a=j.emoMessage||"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon.";$(k).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>'+h+"</b><br/>"+a+"</div>");var i=function(c,d,e){$(l).each(function(){$(this).html($(this).html().replace(/<br>:/g,"<br> :").replace(/<br>;/g,"<br> ;").replace(/<br>=/g,"<br> =").replace(/<br>\^/g,"<br> ^").replace(c," <img style='max-height:24px' src='"+d+"' class='emo delayLoad' alt='"+e+"' />"))})};i(/\s:\)\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0U5Fh9opErdJVl0Mgm9QnXpiAltu7AaXVorgPviYYezM6U7y0yJqtAzxg5WmCVzKki0J0yFLU0GF-NcU7kUyPiha4j2_NYJmheZeVWQiRC3x6EYxIWj_7bx8Q189hoVu_vh_VtdOjfXY/s36/03.gif",":))");i(/\s;\(\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLOxgHM-mR60deDznGNWw4k5-r63KIZOvOyTaBXS2bmPMfGF9L8DIWJOQx7ufGiI7aHzmEOigAaD-1H2FnqsZHBVb_uFZ0K9923GypmBKnv3ZHex_V3vREZwuv770Wl16AVLhc-Hhf9lM/s47/06.gif",";((");i(/\s:\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc9EfaDfZs15VQz66p1qvBUrEj0pyz8qpxJbiGmXxBS3ZvHDCBA6bKyNR27Y7TW6UuH5G829W4EhKs6s2I35xDJAO8vXvHJpopx0feqsBdvnRdoPOoguvMU_C9YPKEHt6uAzT2nswOgf0/s36/01.gif",":)");i(/\s:-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpxt1mO2CWFzS1owA6VljTvgME0QUnF-AyZP8k72oOCtN5VyG_LVPN2Hhf7W2RMwd7GnjUyd0gS4TljXicKIBGAdzWIbYBuU-yqW668jUTSEP9B9Q-xv1nafoFDCeBR3JNeCxf8KktUuM/s36/02.gif",":-)");i(/\s=\)\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIbV97vS70HNXIN5d-bjqhtgsvPJ5mS1KJRhHfc5KrKJDE9vPXa6ibdIlFHt95xG-Urw_AWUCpLYZVCGmCFavnSqJx5V1Flh4uHaZQf9pY03MFBuGE3gocCAsBTpzfD3c0134rDDoWPM0/s36/03a.gif","=))");i(/\s;\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOQY8JNZlCJopDoXnuuIOpdpuHT6pbMK9TjXQNgK_avzjfEbAB6jwkQ7GluebRvCkdySng7b7sWgUCqpCAiQrIk5oFbijDikbe32W4Wpe9RTc0e5-BwPGXpmdP_mu0gpPR0yoX9r8KDvw/s36/04.gif",";(");i(/\s;-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL6CFJcs2IWE7tTWwOBN5XuTQtrhHHVd8EUEJpM7baIgJXJrpER0hA1NI2NSF6h2nzwJ8NwBiKleubBu7KZneiXFIDZlEBX7yo_fP9Q6VWYcCnNXNazaBpBeO-TeAWD8lCf59yyTSIEVQ/s36/05.gif",";-(");i(/\s:d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFC-W5LE2SfCtYBmUwAsXMMFa2spcPrTQMRuLXPkoqvREhQbQYpxEplmZ1tt7umqmsUQAYEhznWvJuL2fR4z3E1y6yoa70_kgWQBrzq0PK0tbf-njqnBooygE3ct0dSxhAUxl0DupLAwk/s36/7.gif",":d");i(/\s:-d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZOBvld0dW62SuMi97a2OTYpOlRnBr2kL475AEh6bqQQY2Urkd1qH_6m3RGIlABDucRu0wInRjOJdYXaXCKR3mf0sybcGQ1dfqLh9Bvm-PoldGbR-8rJ9Bt7qqfy2FP-FB1mwXRqRL0mk/s36/8.gif",":-d");i(/\s@-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGIC3_VwHzLAy-Ri06Y-YKT0uojlqRzDg9pzLT2LE1zKWPKxJNixmgbcawkHLxkh9kIdht9Pr3NAzK1_f6tXmfIdMQEuzkKIv4IJ0Y67jkuM1uj0uwLZ-fYMQ4A9OwDbxYNZaLHPDHpy0/s36/09.gif","@-)");i(/\s:p/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrTn_Tc8H-vkdAgnb5hiwmHatndLjXzcERf0PdHyXMrxqZD3NNJG506HF-C3AZWkBMN89WsOF56-l8kMOQZfQBfBW0Vi-1v0-DPqFwqiUj_Z1hrNrzhlHthlbWNqkZ8XVmTHBHWGY0gBI/s36/10.gif",":p");i(/\s:o/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhexduiGEwrTEyRgH-NYc7tQ2ElGKfBr0aDPrWQm5kebUmR5Mqkz4LkijtLIG5ySOpOUpNAWJmhEH0LFWDS4slbLPfkmsgo6M1ikuqr5G-0uOcIGRQ0C3NEz8LB6f-CcMjAL-KsD0mh9XM/s36/11.gif",":o");i(/\s:>\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPNShg8IqYACyQmFu7OdhiwoMEEADb-c30RoKypRfpZZ7xxtiz0zXeGVd17eeKgUmGBdDe4MKWmae8VZgr9PRULKZXrSl9kDpx7Sgkq27WXYgTYMevKjaulMcWLLLKqT87EWQOkoNA2As/s36/12.gif",":>)");i(/\s\(o\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhNQAgggWBFnxyUMFqMbvjn24AKqHNrD-7X7jMKjv-bIQwASbz4bvfA8LXJLtMerUcjTlk0DkSnsp2hYx0nJG8pO7JDLP-cAbpyU_W4zb1k8a7IGU4jwBkDi-k8343taW0VbX01b4G5oo/s36/13.gif","(o)");i(/\s\[-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW7ASejSsuhFEXQerrxuuVNqYrYJ_ue6vecR4ZdY34opcO3Ja9E4MeBHRpJt-OHWrbqyYlay37Vca4tt6HCYhnAiGRMMmi_U2vPSk6TdwwiqN3kcGaA6VAPaIiHIH8jrgs9MUqFqF_thM/s36/14.gif","[-(");i(/\s:-\?/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipc0sZt6rF97GvXsNGKB3AI7zoag-lLNM5Mu_4qA9TQRyyuCPrIN9C0bqkmSaRiprza0MXC5NFnaZMdBz-7qFE3c2NGkO2Tq9AyqsAZzcP9Pp1IsOXFqt8ybANPj3V-X3ESMd8-tYWxJQ/s36/15.gif",":-?");i(/\s\(p\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGLP5ufiShwWx-2GnjchdwtW2XsdzVf8VLE6bpxNZJUxecW1ptu-2DkNPG201AEqJRpHjIsYBpETp4h_Gi21MKPSpieVNp0x9FfnsZ_fCyvC0yyAwRRNUzLDNJQcolhYBCsPYhMCyaID0/s36/16.gif","(p)");i(/\s:-s/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoD__104musp3g0YmXnjI1FpCZCzPQDt3t6isL0AW0xzG-FU0z6PdUc88Fi9rPOEiWASPNCqnph_sr7VgrDJjjZC6wLbbxTIimBeqK568OeGx25zfwdvFwhC3St1-JNUwLVpebEUW03gU/s36/17.gif",":-s");i(/\s\(m\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoTRJ14FaA7i359YDWBIaBfuKX4abbovdXSF1OQNkehBhhs_SgWu_HDhd35MRMO13AdgUzMQiVmBVPnU8LXHLqw-GpZcgGVtDZzh7iuEAUabMFQJP4tf2NdtCMWsYWvQFimjE-McuLjzc/s36/18.gif","(m)");i(/\s8-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJKHzxSbiRImuDFjNAxkjTSPO_Jws7ILnxSHEVCzbGt6twNVVHBCkwRjbxAV01TpHMg1vItlUheWu_R55pi_aOQEUc4bmKlXpkkqZ0h3qJ1hMgDeTnw24fdFCVC9Fuwim66mzKN5odWi4/s36/19.gif","8-)");i(/\s:-t/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfAnUvgKMqJgzx1q4_9l7ASHRVgCD9UQHS-C2IrwKM2azAPIDdmVYKyAWB8ydRcaSdkc1-QX8NTOgK1xOk29l4O2PI59YnK3_5jEXCi-k9yjyeS47LQqAeSHD2_-SLwoltPb-o3VUrQhg/s36/20.gif",":-t");i(/\s:-b/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmm_ml0JSlSpkCXOudxEdbK49aGot2UkXtx44XyJRCUii7rZegncg2segol81AY3v4jjGWlqVZDTUGkcPHZTKIv9urdaYJelDbEiB45_C0sTkuNrisvJ-sGTFoeFfcmwi5ipiQEDbVFiM/s36/21.gif",":-b");i(/\sb-\(+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU3Jt25yKiRzKixvxhNdYa6bB5QhYEo92txWSIBj0hSOF9f8IYnA7f4r1To6uLv-iFG7iU496bPqzKykmwjc5fnVk9ueBpdrKexRhwHTzmon2eNV2wF9eJFBLvBLTwgEvRtbDMUF95zUE/s35/22.gif","b-(");i(/\s:-#/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNmxbeRelRvE_nldbocFkBGxXIUr9kvXgDR5gvjyYRodoMPnGdCLtKwGY6yqVCKtBkE1-bCW9GG4VMZ196w5npINAsA727Fix3969hssjX7RgProV-TXmaRTUd6EOWgMnzt5VZmosjZ00/s36/23.gif",":-#");i(/\s=p~/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5SnKrjedqYEtGI_tGSlogV-Z1bLl-TAn2tjX3Tg_I9Amkc-b3wu7COms_xqIpDXQTp44f0IZq2lZO9mahnqva1CVMMGLWo1S4JiDyv9Fb288-cJW6R9wQZecAFt31tbVLk2g-LrT16Mg/s36/24.gif","=p~");i(/\s\$-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlDDWFV7XPtPZfGk3D54ESAJoPZu1gJEzuB56eJG7uugEmMUyKTX3YGoHJOPPoy_fXHxCvtQJ83fTHpC79MDcCIs9Rgx9qCN3RWaXxCRyuk0n79uiCPxwVsN5TU0Jau0WteptFBuizSGo/s36/25.gif","$-)");i(/\s\(b\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_FzCX7JUnPpqDXzQePYT9dT_jY5NHamU1f3AoRNpHWqQklbffAEP9lSyjJLOHNNkRDH_2sogkGZ3v0SowQOHeLzn-91dJuJvEkX_nLs2tc6IyGyhstDyt96TmZBs4bS1wrDLa0jMhVDg/s36/26.gif","(b)");i(/\s\(f\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkhpO3ZHIYOsk-Y3Ag_7UA8JTGSwCyxibx1m8pQIioyq2H6KpYtU35uo-CRCqrIg3EavQqnvVSHAnfTOYOugQpp4Wl5sYnuzC81MEQEvlf2p7fhKY0FwkEhEla1Aw25qCIvACe56WBXlc/s36/27.gif'","(f)");i(/\sx-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipC2iEN1eVopLk0loLVW4thLEEgQ4dOshGXeud6nFyICSX8DvFttYcCvzq519hmgAADC7yQ2FPskCPuJRUe6o-U5QQyPDuQ_gkC0d18u1HhHJlSs1pwfwUmZbVXEgaNbvoccK3LXPF5lU/s36/28.gif","x-)");i(/\s\(k\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqc65IejJQ1mULarMIfeYoQybvkAt2X1bMdgQ-S2jaojJZgv72jlSqTlL1RmPcYDQXuTI31RLCACjTsRm-seaem7juELZPWVaGoWh5zWko1f4pUUz2dR7un09qhRFJ5IR2a_k3vDrcnr8/s36/29.gif","(k)");i(/\s\(h\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4B7yS7bcbOIaJZtCMXBibmtBJZw0dGacuHH8rZGJr0qiB-DZ7YsQoBfWAxPzCg2ROG-dAq9XOa0ozr8A6uLB1g6EfvK8ka-DtpjLabAJtrSFaYA2uXUig4H-bSP2cWiDtczbzFdoOQGE/s36/30.gif","(h)");i(/\s\(c\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLSlnI2gihuvjLa_G3w8NR8X8QwfPUy7sq_XFXLoDVgeTppRp7b4w10NJ__lcrbzCtgiUX7NgSmzngTJACQnZX-BHnqiD5UeIUqxWnid3fhiBEiEidvVLhjn77IIwDeOOCsiWEUnJ3DRk/s36/31.gif","(c)");i(/\scheer/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbHKrRBbLLOzrDlBAeaehXYg3s4Vy9mSt73-1rhquLz_Ajvf4csRtIeSY7jr8HUu9wvJZhgdUEgfLpyc01aWtqwNaOwjSwpKW4DN43g3z4pRCoIpYK1ZP6BILZrx9W7bBj-XTcJrvGlJc/s36/32.gif","cheer");$("div.emoWrap").one("click",function(){if(a){alert(a)}});$(".emo").css("cursor","pointer").live("click",function(c){$(".emoKey").remove();$(this).after('<input class="emoKey" type="text" size="'+this.alt.length+'" value=" '+this.alt+'" />');$(".emoKey").trigger("select");c.stopPropagation()});$(".emoKey").live("click",function(){$(this).focus().select()})};return function(a){b(a)}})();
</script>
</b:if>
الخطوة الثانية هى اضافة أجاكس (AJAX) ولكن ذلك فى حالة عدم وجوده ؛ لذلك انصحك بحفظ الخطوة السابقة والذهاب لمشاهده هل الاضافة ظاهره بالشكل الطبيعى ام لا اذا كانت الاجابة لا فلابد ان تقوم باضافة الكود التالى
- قم بالبحث عن الكود الاتى بالضغط على ( Ctrl+F) فى لوحة المفاتيح ليظهر لك شريط البحث فى الاكواد وابحث عن الكود التالى
</head>
- ثم ضع فوقه مباشرة الكود الاتى
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
- بعدها قم بالحفظ واستمتع بالاضافة الرائعه فى مدونتك واى مشكلة لا تتردد فى ان تضع تعليقك واجاوب عليك فى اسرع وقت ان شاء الله