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

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

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

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/AVvXsEjCsmuO427xa6HFhK64xmgwXkdj2pLo34DEmKQvpRk1XfwA2guFO7u7HZ41VbHX8js5OrWzAW82-QhvzhCGaU8S9CT4rRWp8PO94KhPkHhz8FjAA5GfpJ33Po5KaEyrvrr16S_AyYLPeQs/s1600/smile1.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSfpo83Vb9nPHQrU0z4AQnqIfJvxZ2ZE73EMCSefgzj56rjLCLmp51JXUKZ5ACXiYLljn0zM1euy-SXIJwDeaxJD-wllXNJjMtPsHgM60UjOMknq0plLUfxJqLoaW7-FMoHvvLe33NQSw/s1600/smile.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-bd/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_skDLEEamQ2-AOFTXYSv9cUYxVj8JXx0NTBuexJIzmLKQULjSkhW3qVm5nzFCuWQ7EG5OoBVJDbr8u7pzC04ELJHE58sAV6i8A_iHzsncZZEcnmEhdwJd2Dd2ANt3_ST6VrzEB_OjR1U/s1600/thumb.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSAjWnoHMrYKiIf_3tbRUntjKSTLI6u1Le4U3cmvp1hBa64rj58fmwUeEvuobc4FPMPS6BKsL41RpmpJJyWPbpmPA4ywPrHWMYXYwoYDilI25e5pieLgrTVEOD_wL6dfF5sFPguNrVGsY/s1600/thumbsup.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/@\@\,/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_0dhDZpav7i1DAZ9RntKa3HVlWRxI0DoZ3yx1sMfhae3AZtsmLXdUZ0YQu7Rd7nal3BNs9lDr1CFjcc5vkjuUbEETVMaOOAi4y7NQBUzYi-DKKlxPiCS3zEACK3XCr3WrrrgmmkqzDho/s1600/rolleyes.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\\o\//gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY6gBmQoYc7fyPALkaX7iX4L4U_XSNuroL2vWG1Rh1XezG8nVb-5PgO8XA23cPLPygoNl4uZKwcCH1nCDtwnLeax3KznqL8nMPZbpieZ-Ikqu8ErTpKbRQgSxf1mHisBkb5C5xLI3VUfI/s1600/applause.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcIX5DxpUOAF7yoFBTrpMA1Hjkdwm2dmKQ-20-X-4zPz_4rjP0oKXIfu30YCjwc0Uh0dIWkUbUmFu8p_8aQp9X8IHqI1SnOOAaK5EJXJjk24W2GQMTpo1LpJ4-FeH1raXx6w3iEdL2NFo/s1600/sadanimated.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKot-mjoC_SPGAHC0UOGmhJpabenMeinBIje4n3RMqtCr2KJYSFMn076CMYxUSKEuYgRkFJZ_MJPsulIY_x5JJsLE7MJvunAQoGrav-ja4lchSR8sOO43eTxaoPmRb8d2B82iXszLnJAY/s1600/sad.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\;\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIrTR8GSbKH7Raw1y32l2VuSz8aGyWITOH_FoBtWJXkQxX6YslAtKLqY2EeNYg3LIXu8vEOsseO8mApxzUKyGREpTomabrVbvWAk9ZgfTfeQEFDoMGCSZ1rv-baqVLBn7bezuN_szcfjM/s1600/wink.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdWLvbhQ8i8Pmizdb9izEHkVRjXCF981Oj5c5-2POdx4qna3Dkk4TzCbdSJunTCoYVjNJ_pYUz_kTpjIwEawrY1DesiyfJufDTW84QQhd6DGvBG8Zy94T4dsF7d8WBs7jlL7iv1uItimg/s1600/icon_smile.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGJLAcqQTI1RGpZuX-W_iTO6iJh1un4KmljRS1JQBcyFXM2KjJtDaZGkWi8Q5ghSkUbxcQsJR3ge_KcmPPW4BBj3nW94KvMLI44zYdwaz_uarcGn36_fz8sbK4U7qR515OV6P3TJahF5E/s1600/hihi.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\P/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQtJp2QypmLoiizRXvucgDXSlipuUMOgJb9VehJWqmpZtGZMIfvVkMhCM8kl1Ae2yoFAMZWBcNfII-Z2MFqh-lpTqofkLYze44SBkD-1L4EL8p8AnScShLkm3CepoLY7nZ-UhhPghCPS0/s1600/wee.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQtJp2QypmLoiizRXvucgDXSlipuUMOgJb9VehJWqmpZtGZMIfvVkMhCM8kl1Ae2yoFAMZWBcNfII-Z2MFqh-lpTqofkLYze44SBkD-1L4EL8p8AnScShLkm3CepoLY7nZ-UhhPghCPS0/s1600/wee.gif' alt='' class='comment_emo'/>");
            zx.item(i).innerHTML = ki_emo;
        }
    }
}
//]]>
</script>