طريقة اضافة ابتسامات سكاى بي الى صندوق تعليقات بلوجر

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

طبق ما بالاسفل ان اعجبك الدرس..:

1. اذهب الى لوحة تحكم مدونتك > تصميم >  تحرير HTML
2. اضغط على خانة توسيع قوالب واجهة المستخدم
3. ابحث عن الكود الموجود بالاسفل

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

   4.     ثم ضع اسفله الكود التالي

<div style=' width: 370px;  text-align: left;  border: 2px solid #0084ce;  background: #FEF9EA; padding: 10px;   color:#0084ce;  font-weight:bold;  '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHAEw-2D4du_VrvnLCnicttkAWMKqNIeDfL03rOTH7HOqUQ8rpyg62AgeZd9ZF9FxnK0PitTbEpn7TFOIQMwN9grLnD0u39-64LjvRkYqn3rxnOHoadK44ZvJ9ztpFhf2pO_trDlPADuY/s800/emoticon-0100-smile.gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGkArsBb5xDl_o5NeffeF2QZb_P_rbVY9X4qHm19TbARsL-RLw30d2h10l0eilbDoTh5y3UlZV25_8qJKAK-BFvW43mKVakXghk18zZ_WxBRcsIUUvnYH7hKSSDAAr0vZNc8Pe88YTtOI/s800/emoticon-0101-sadsmile.gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL1JMV692P746x3YYZZkR8G-n99TBWcZOeX2jcGD5tpKKryknn-r3rJffcK18rZnhLkAIXCCt-7Gj01D6asIlOXMXg_FBzPr7AGKdinX6vVGtpNlSUmmA2sxfbCXdS2lJ4LQfjm0vS97k/s800/emoticon-0102-bigsmile.gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbgn1C4c2JxbBlrSdV5jwC_u4lPu71TAY2WH9R050PJy7x1lK1RIn3tqZvKGF9Co9V-X5r3nS8BVR7fpuzHd4lRjQlj7627FZsyO1CFCrlu5y6NWq9NaoG9JqSSe9hGQvvPHAQTIoMqqk/s800/emoticon-0105-wink.gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjU92vKrheo3oYmeowbLrWI6Cn97i9EpVJhscf-2lZkK3XrNC4f7rAPWvrrel6Jqb6TWRedp022anmTs-K1WFMwe8eR9LQvVi_oXZHnqZHOdXj62cbAFNxGLmQn9RU6ld_NojRwS99ECk/s800/emoticon-0104-surprised.gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitxwVvWul8KyLHFWyADKS4B05oSmHIxbBOcCqtXibPcXVPu9EXim1pyY7SBY6rJvwMzcNQ1UmiphEprAtIyCNxQ0DKhZoSXwNsasH5znUbm5RLx0Nq5OLcKAayeJkW5CPf0qZNbDgvbIE/s800/emoticon-0106-crying.gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLK3fexYKgVVJp0NFHdQEYpaOCi_REctDIZTGlMrMBv0BJpmWkPvFtsYg6zFvCyS0ri9-LPGcYzSlGQzyGAMLxtI5IRi02doY0lYdyGn2CZ791KghxpXMg9jbQ-6Yweidj0lBXHlbyauE/s800/emoticon-0109-kiss.gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj_S85650WAIF-Wk6J-t_eaADQgSrNtPN8ilWtnr9oTM9nKA99rWL2ZpGO8BHnUVcYubJKqjbNPjUZrlfkhyphenhyphentxzeTUjBRVGIPeQcC7OH9O42aPnhw8MjgUBSQdnL39PK-wjXev5r8DScw/s800/emoticon-0111-blush.gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBXqiZDCbgOCFqsMS8eFKeKrtouFCsHHFdjuI-eXU51C9MV5xe0DWiEC63DRObr2M0uBXqUjjvEW_Xes4Lm7kAc79wGi8AJdmrEba0jB70fWdpcEtJye_0rMQ6GkEehf_cmmoA_Eo79A8/s800/emoticon-0110-tongueout.gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1qm3geUF2Ke_jK2Fg1VSyRJ6S9uWFZyxRce8Jy6Qm9jHGhgwATNGDH5_PDI_he9PBmfNNLtxQZwKXIHuy90jR9s5-rrMlL91Rs9pmgyh4I3cLPs2P-VDnR0n_TluAsQ8AbwlKFxvxXPQ/s800/emoticon-0126-nerd.gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQWyYsQ5r7_iOWmBah4BlEh_o9jQdCWSwKGjo7WtcWS14YZdBNnSfuU8dySeGjqiyrBZBa-xQ7Ada_tqGtUFjMtWHSJ1kBhDvBY39LNk9JVLGfDx8bEUg0L5FPo6aA_XpqPaGsc6qBI30/s800/emoticon-0103-cool.gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYWAkNdXHPWyPBlf93IyqItgN_ebnvnAgs_-8HouoE4gtvWySezU9ygn2E64R9R962yoZ8kJ0ltRblTaDxBNvFd-t9sRuC58Aw9l6_ULJWCEWu2srNDQWcz-YXcdqLykugQ1W5kDdTAwA/s800/emoticon-0130-devil.gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Hq5RyNTAfOx2zQR9am1oPkqUjYZED_09OKLRql-HejNX2F8g8Ew7s9Xmujh7Iw7JHKUxlofpvIWsDdMYTyY8J12VuedE7rgD421ZnLcBLfueMX5ZgBtszhSxqAIF5w7XDHNm4aIIDmM/s800/emoticon-0133-wait.gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHC20xJLI9LIoD0aupwBvqX_fGvkWd4v5UX9rnXmN_o3qCOMFAJZcYK-JpqDC-neQqwnv2ugqkQFzcMRolf79J1jscLq0TgQQkBZ05cqTTlkgeHVeDjrO-xWUPVtNoUi1xsWnZP4fLGUA/s800/emoticon-0137-clapping.gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZUuwZnXieY9htgHg0nV-ArRhgulvL5txzgYxBG2MnwTOjpV27DMAaWgROjBhS4MhogPY_YIKywX55knV8_dq156L-IOJW1Ypy0ssCeZmnqjLqjWwAHe_6gVARp4cELRPtfkZXYoqjWSQ/s800/emoticon-0136-giggle.gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZHjh3L4TQTRYTeGwOuNiF6OBru2u8u-qoFmIANh0aast8LKUouOqFz0KpwUaemH-M0ig7xvn45QOTZ2X2Yhl7eBDisXLGhakOk41iDNofJGBsKNE85sE5Z0uEWEWua47Y8u9OZR9Rzvc/s800/emoticon-0141-whew.gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW1uPbwf3Lm7euXzcg-r8As1rDf52PP_UuXEtcLy0vnLmbAInHcrOmuBMOVqrQb-c0aLvXRDme2OTyZ5Pc-Xl0mDUYy6jdCo5B0icTiDKmlG7R3NuLXyiQGadcnG5ClkeWEOzdzf6rQNA/s800/emoticon-0148-yes.gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlBGfo3u4wIlJ3-guQZfVplWKWOw7-yuv8arRixV9f8y4KheMhKoHO7wcEwgxVapG3iGSTSmVxS6SAHCMR-wZBotud6-OTD8WBC2ZOfHCnSHnPqpOL7PHuDLVeh5RSoKLWyTeHOTgV90A/s800/emoticon-0149-no.gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBATmaKGhRyIbZJuDkH5e0yVD-EbNOAXyd2zjKGPbe7MPbB3NRuOqgY51HRftEnm95tnCcF-XsqPwrGkOXfTsPi0dvovobO7ew7vJUyVlpX558QplBA7onOfYEt8vg0Fu6sryNby5etbw/s800/emoticon-0178-rock.gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-_m0MMH2Zu7zeKjRhNXw97GcK7Hk1aPUsYOTitWq-SRZY3Q5GnSS9B5kx2eVtHgdUwCAeGm6oWORWkuJhsQ-QFZBB9k_QKFw9efgrPW0a_BblomQqUgQVyxlo_x3RZApBjgZfQ6VF5Nw/s800/emoticon-0155-flower.gif'/> :t
</div>

قم بحفظ قالب مدونتك وهذا شكل الايموشن فوق صندوق تعليقات مدونتك


ملحوظه:- السطر الاخضر في الكود بالاعلى خاص بتنسيق عرض واجهة الابتسامات تستطيع التحكم فيها.
    5.. الان قم بالبحث عن </body>
 او ابحث عن هذا </head>. وضع قبله الكود الذي بالاسفل

<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
    b = a.getElementsByTagName("DD");
    for(i=0; i < b.length; i++) {
            if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
                _str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1qm3geUF2Ke_jK2Fg1VSyRJ6S9uWFZyxRce8Jy6Qm9jHGhgwATNGDH5_PDI_he9PBmfNNLtxQZwKXIHuy90jR9s5-rrMlL91Rs9pmgyh4I3cLPs2P-VDnR0n_TluAsQ8AbwlKFxvxXPQ/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQWyYsQ5r7_iOWmBah4BlEh_o9jQdCWSwKGjo7WtcWS14YZdBNnSfuU8dySeGjqiyrBZBa-xQ7Ada_tqGtUFjMtWHSJ1kBhDvBY39LNk9JVLGfDx8bEUg0L5FPo6aA_XpqPaGsc6qBI30/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYWAkNdXHPWyPBlf93IyqItgN_ebnvnAgs_-8HouoE4gtvWySezU9ygn2E64R9R962yoZ8kJ0ltRblTaDxBNvFd-t9sRuC58Aw9l6_ULJWCEWu2srNDQWcz-YXcdqLykugQ1W5kDdTAwA/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Hq5RyNTAfOx2zQR9am1oPkqUjYZED_09OKLRql-HejNX2F8g8Ew7s9Xmujh7Iw7JHKUxlofpvIWsDdMYTyY8J12VuedE7rgD421ZnLcBLfueMX5ZgBtszhSxqAIF5w7XDHNm4aIIDmM/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHC20xJLI9LIoD0aupwBvqX_fGvkWd4v5UX9rnXmN_o3qCOMFAJZcYK-JpqDC-neQqwnv2ugqkQFzcMRolf79J1jscLq0TgQQkBZ05cqTTlkgeHVeDjrO-xWUPVtNoUi1xsWnZP4fLGUA/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZUuwZnXieY9htgHg0nV-ArRhgulvL5txzgYxBG2MnwTOjpV27DMAaWgROjBhS4MhogPY_YIKywX55knV8_dq156L-IOJW1Ypy0ssCeZmnqjLqjWwAHe_6gVARp4cELRPtfkZXYoqjWSQ/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZHjh3L4TQTRYTeGwOuNiF6OBru2u8u-qoFmIANh0aast8LKUouOqFz0KpwUaemH-M0ig7xvn45QOTZ2X2Yhl7eBDisXLGhakOk41iDNofJGBsKNE85sE5Z0uEWEWua47Y8u9OZR9Rzvc/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW1uPbwf3Lm7euXzcg-r8As1rDf52PP_UuXEtcLy0vnLmbAInHcrOmuBMOVqrQb-c0aLvXRDme2OTyZ5Pc-Xl0mDUYy6jdCo5B0icTiDKmlG7R3NuLXyiQGadcnG5ClkeWEOzdzf6rQNA/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlBGfo3u4wIlJ3-guQZfVplWKWOw7-yuv8arRixV9f8y4KheMhKoHO7wcEwgxVapG3iGSTSmVxS6SAHCMR-wZBotud6-OTD8WBC2ZOfHCnSHnPqpOL7PHuDLVeh5RSoKLWyTeHOTgV90A/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-_m0MMH2Zu7zeKjRhNXw97GcK7Hk1aPUsYOTitWq-SRZY3Q5GnSS9B5kx2eVtHgdUwCAeGm6oWORWkuJhsQ-QFZBB9k_QKFw9efgrPW0a_BblomQqUgQVyxlo_x3RZApBjgZfQ6VF5Nw/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBATmaKGhRyIbZJuDkH5e0yVD-EbNOAXyd2zjKGPbe7MPbB3NRuOqgY51HRftEnm95tnCcF-XsqPwrGkOXfTsPi0dvovobO7ew7vJUyVlpX558QplBA7onOfYEt8vg0Fu6sryNby5etbw/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHAEw-2D4du_VrvnLCnicttkAWMKqNIeDfL03rOTH7HOqUQ8rpyg62AgeZd9ZF9FxnK0PitTbEpn7TFOIQMwN9grLnD0u39-64LjvRkYqn3rxnOHoadK44ZvJ9ztpFhf2pO_trDlPADuY/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGkArsBb5xDl_o5NeffeF2QZb_P_rbVY9X4qHm19TbARsL-RLw30d2h10l0eilbDoTh5y3UlZV25_8qJKAK-BFvW43mKVakXghk18zZ_WxBRcsIUUvnYH7hKSSDAAr0vZNc8Pe88YTtOI/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL1JMV692P746x3YYZZkR8G-n99TBWcZOeX2jcGD5tpKKryknn-r3rJffcK18rZnhLkAIXCCt-7Gj01D6asIlOXMXg_FBzPr7AGKdinX6vVGtpNlSUmmA2sxfbCXdS2lJ4LQfjm0vS97k/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbgn1C4c2JxbBlrSdV5jwC_u4lPu71TAY2WH9R050PJy7x1lK1RIn3tqZvKGF9Co9V-X5r3nS8BVR7fpuzHd4lRjQlj7627FZsyO1CFCrlu5y6NWq9NaoG9JqSSe9hGQvvPHAQTIoMqqk/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjU92vKrheo3oYmeowbLrWI6Cn97i9EpVJhscf-2lZkK3XrNC4f7rAPWvrrel6Jqb6TWRedp022anmTs-K1WFMwe8eR9LQvVi_oXZHnqZHOdXj62cbAFNxGLmQn9RU6ld_NojRwS99ECk/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitxwVvWul8KyLHFWyADKS4B05oSmHIxbBOcCqtXibPcXVPu9EXim1pyY7SBY6rJvwMzcNQ1UmiphEprAtIyCNxQ0DKhZoSXwNsasH5znUbm5RLx0Nq5OLcKAayeJkW5CPf0qZNbDgvbIE/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLK3fexYKgVVJp0NFHdQEYpaOCi_REctDIZTGlMrMBv0BJpmWkPvFtsYg6zFvCyS0ri9-LPGcYzSlGQzyGAMLxtI5IRi02doY0lYdyGn2CZ791KghxpXMg9jbQ-6Yweidj0lBXHlbyauE/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj_S85650WAIF-Wk6J-t_eaADQgSrNtPN8ilWtnr9oTM9nKA99rWL2ZpGO8BHnUVcYubJKqjbNPjUZrlfkhyphenhyphentxzeTUjBRVGIPeQcC7OH9O42aPnhw8MjgUBSQdnL39PK-wjXev5r8DScw/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBXqiZDCbgOCFqsMS8eFKeKrtouFCsHHFdjuI-eXU51C9MV5xe0DWiEC63DRObr2M0uBXqUjjvEW_Xes4Lm7kAc79wGi8AJdmrEba0jB70fWdpcEtJye_0rMQ6GkEehf_cmmoA_Eo79A8/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
                b.item(i).innerHTML = _str;
            }
    }
}
//]]>
</script>

     6.  قم بحفظ قالب مدونتك ومبروك عليك الاضافه! :D