كيفية إضافة الوجوه الضاحكة إلى تعليقات بلوجر

السلام عليكم ورحمة الله وبركاته .

في درسنا اليوم سوف نتعرف على طريقة تركيب الوجوه الضاحكة " التعبيرات " إلى  تعليقات بلوجر.

طريقة التركيب :


1- ادخل إلى مدونتك ، ثم اختر لوحة التحكم

2-من لوحة التحكم اختر -> قالب -> تحرير قالب HTML

3- الآن ابحث عن الوسم : بواسطة المفاتيح Ctrl+F

4- اضف الكود التالي فوقه .

 img.comment_emo {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
} 

5- الآن ابحث عن الوسم : بواسطة المفاتيح Ctrl+F

6- اضف الكود التالي فوقه .

 <script type="text/javascript">
//<![CDATA[
/* Blogger Comments Emoticon
 * by HOME BLOGGER
 * Url:http://homeblog7.blogspot.com
 */
ki = document.getElementById('comment-holder');
if (ki) {
    zx = ki.getElementsByTagName("p");
    for (i = 0; i < zx.length; i++) {
        if (zx.item(i).getAttribute('CLASS') == 'comment-content') {
            ki_emo = zx.item(i).innerHTML.replace(/:\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqV1TKnmigDIsz6siR9sv8YYhWrxQufSLmBb6ECjWr6NtuFApdC1mUAO3O5fPSsdqgkixztUgZhyphenhyphenfekqmCiplrm-8LtSaWiRqQgdzi_vUVBp3VQ_E0Z5og2SYFnYTjZGF5nJaRTshxLi8/s1600/smile1.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMfjWf7UJlPZGpW_7yDghgMpUpNpmOMgJuyC5YCWVTaRjD5BDQ_lymAE44BP-FLMW3piPeddsmcEyW4NRJfvYba3vMOXz4PEHJGzrl8aeSRCWZxBzCrlM-Sry2ERhZ-EnlSl7IuJ63fIk/s1600/smile.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-bd/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgisrdJ3f3oT1-kxDIGGScwfQ0XSPQsr_U5f7EophxOhQ3wCDAqwTw1YCSY7dOFSiF9jqrtrbIF3EM5b8SwjckRfwN20Vr-sXWM145BaakCWoMM2duU9tjad0BD7suFYOZHYHDqPBXscVs/s1600/thumb.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLTfLEjXOxpo6h6azoEKdKkfEjxooeWeKMGPQjxcXwVtlYZIUwcLIow7QJ7j9q7Zt6SjyP7gL_NnVV_laZ8c5COQCgPAPdKzHXEH97UP3s2DHwHlvzun0zTCh0KLaXbz3-WcuKVK-PRrw/s1600/thumbsup.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/@\@\,/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijZPPaNpqVGCG1-55z3cb1C3CwB5E2LEPEEOquGbSQimyFrINkzIFC4KgQnKGiD7HWQsxHjAni8eK2ZEyKYfKo2s8qdUZ4v7y_UVXwLu9iSXPP7dDgK9kqWSf1gpmrUKX3x-lp-c08B0k/s1600/rolleyes.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\\o\//gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZS-9TtiSugg842j_iP2xOK4JwRhk8wW1T2t4SAtnH1X8_GWfrLisfbYiso93txZJgdukMacwIwJTbADjK69QDnyLCi9RUI2XFXdlBthoLQsucmeyZiBGDVVWSAAhp4V6frqM3jVbMHz0/s1600/applause.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX-Nd062Bb4Y7h8kzcySAJjfiV26U4BiuHzdx2A5Rh0OZ9ePGYxOpxNPrtSMdI10lUfoB91E6n3BIhvq-2tSSvyYuEBjBFzGOcKmgvythyphenhyphenj9zJkOJekmC7CC6_STjBUXhBT_khBekbLzs/s1600/sadanimated.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivYNvgpLINu3DOkSYfV3ieuOe_xai7vOVyIE_G0M9XZPI1e-3YOwBEleZLasWWJUU7ZDgPKsswR8HssTxNS5-qZy0f8AzVGl47CX-yaVqbuyP36IZGIz0JCcNAAw0vuR1W8dzYm7CWojw/s1600/sad.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\;\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq0PAHyBq9dEKZwu60S08YC-jB7tDPb15dd1QNdgbEIzyOu_wlChkcYbLSc_B8FwozzkER9H4UBKRrFxghU6ihjIQiD2RS2CEaRx6HwHrEDGjAWWDnYDHwc3RlTjQM4YaJ42rHIPbx0FE/s1600/wink.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1oZJeEjdc-bkb962E0-3s_ftPdVpUGFrFcFSdUbqJcX30aI0v4__AfVG-jgXPIhMds0PVly-Q6CosiGF8DnTEd7X_cIdSVOBHzuaqsSfxsMGu75MNhh7Ao2uyAbe_VlVRBC9_KLiPU_M/s1600/icon_smile.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgImGBf5feQIZATRbiHW6cmNAbn5Z82prpxU56u4ZXssL3OJ4F7h9xsI_oZ2_4UUaAqaxyLadQ0q-_AaKuIayVvlY2Us2QF-3sE8SYlfYAyFIxia5FAZ3vjaNrJH7RcMbXwHMHIOTpRoI8/s1600/hihi.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\P/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-jhqIL4C3rTlMCItNz-cTG-I2kGZu04uNxU2mDX6mi9GeuCyzxPfZMYNGDdyFkuncuZ5MY0WMQo7dFQVbiCZXZ1rU2TpOilmkni2svFhKwdpC70ZfXu64eb9QD_MBdkeAdit84RUf7EY/s1600/wee.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-jhqIL4C3rTlMCItNz-cTG-I2kGZu04uNxU2mDX6mi9GeuCyzxPfZMYNGDdyFkuncuZ5MY0WMQo7dFQVbiCZXZ1rU2TpOilmkni2svFhKwdpC70ZfXu64eb9QD_MBdkeAdit84RUf7EY/s1600/wee.gif' alt='' class='comment_emo'/>");
            zx.item(i).innerHTML = ki_emo;
        }
    }
}
//]]>
</script> 

7- احفظ القالب .