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

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

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

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/AVvXsEiS-iGXDTd2RxhUnr1pDZgEY4i_IsSAETF-_1BAXnJGzyqJ_xs39h9Cs_0oUpNaL_USmKzEar3GnLKjKTyk3BG8HY2faHUAkC_3jCDYlotmd1pZUEBmJxAAACDB5lolkWeUs2AwdabWvBk/s800/emoticon-0100-smile.gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKbZvx-ATg5-WpYR5nL2GKwZvFiUbHag7fj3DQ8nUoKE3XqtNqEbHfgqlnAlyHYnEB368S5fNR3L9WFUjml_SB8Qxh6-B3skr4-RSrmpKd_K9WAY1KfyCPPJCXAb844r9_w2jUtIAG-rM/s800/emoticon-0101-sadsmile.gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI6FFogd9Y_nZEm5vI4qGFrqayUYH9D7bHbDwFQuD01Ey5dgAqRY-bnvt2xtnufEeMQaqQgZrAL85rtYWsTcKKe-dYioSgYt611_EexYtMHrECcUwz1AtCEM1q42kk14yxEb7c-_K3kGc/s800/emoticon-0102-bigsmile.gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLCSQvk0E0bL4MujdbpQSPWCAo9BbHNLCE0aMHrYf39EpgmM4vLHvjLtdn25jp-6FSHWXKHtuX3A_1YTO9-bsCdDH0Bncl1GPO07glla2I7yJ6UsAtuRZHERFD60N4lG_Kv3pYL3MotUw/s800/emoticon-0105-wink.gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyV1DiuoYmHGOXg3efI9V-Ds9xxzsyMxHn5Ufi2AMrf3fK0o7nVzlVXWWWCqKKbvXY625rZMgy2CZz_2APhnO4wRYSlPJrcI2k9xfcAOc9N4HAclzgwimNBjqcAH6a_YJVFBkF3YyZqv8/s800/emoticon-0104-surprised.gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMsV7aKD-ZiJg9jB7IsncxyCrIEVye4f5MMUm-hmsRpN_9ay5EcKOZ-wcd_VL1CxeaeeVAZSUzp6idsCfPwOSttRSwivDM00ZNB3tmIinNAoH8TQAieFqCE3v6M81QwiK774ohvBlHYXk/s800/emoticon-0106-crying.gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCjr4sjXflDbJxdI_KaqMK8CpubetFItRaOrseJGZ7oGpRMTzxJQ4Jb5-PiSdXm8AS4Wy0gdx8fNstUGKgvQcd1LVA3Pz-b_fc1rnECdtALq68vVBCxGjvHZUu9S4WgHxe6EYoFzi_Oc/s800/emoticon-0109-kiss.gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwUHq2Pe2SmNZWOBLpum2e6GvOaRttVPTyazbvmI7v97m1Tsg5PwRHG95TlV_8zd5f-A0-sK6wZgCO3HUVEfVvJOEm2DZKZIR754JE4OKISknR_6OVM8qq44LOdMfFAm_-f47TD-L-c8g/s800/emoticon-0111-blush.gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWzPVsle1gV0cWRzNBY8oC_XSWKgxY4BT2mjUpFyvLqj6FgY4lAmiNCsmVocfyDp8Dda7U_ZRs3ga9ZgYNjbsCLpiF27ObL3ZBFkq8QtvrHIzNB8eB31XBftXPcxDYQYYVkXuZdo1CeCM/s800/emoticon-0110-tongueout.gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYJoN9Pxby2fmMUl-gatkKuPSRvPcUbI3CUiCd95UAugCfkVPr8yzKiqntNl07AE4a2bQmxGb707zm1It5pTO96vYcLu9UMj75yRWlooAydF6e58q1o4xwXtsNC3eoz8NGA-E8fQ1EnmE/s800/emoticon-0126-nerd.gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwejNgrBMvWkiow2MFQ_TAbUEU7e3dxlhG4T9dTU44N9wbnulD4IKc0ROq8y6fPk3VAwV51E8QL9-wMMNx4lNxoEnfWFKBS4824i1IwIumjIVt4IovVg5DiNuS2yY6RHYnzcWfaINfXwU/s800/emoticon-0103-cool.gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Y19mfGlTXGU-61bFZSGkI9ciHOmYVw9qdsYdIgGGDaiFD8-KqGwIUm3L_onZhWlQI8Ay8TBlP-0YxqgDvOA0MjZnatKbgXHPuBwlYyfwUwH1NgvEz1FvPLh47NCdx89Mx4w0-N_9MJA/s800/emoticon-0130-devil.gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzRliQmbg13MXOP_NGeyh3nhFY-6KhDlduCU00DIQgXh9q2QQ4ww4Zkt9obyhcs4qdQ8eRG8Lmwl8ENcJKhIO9YlgQc_vqvm_W0XfnuB4jzfWyBVsDgOIc4-T6Gj-rJnzuwboF5rfvntE/s800/emoticon-0133-wait.gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhIwhCmXriRT_bCfBsKbwcpmjLKhF5EHx21gQp9qJYci611WCCtHz_3QQQ5gPDTQZrDyCp37xobTgymMAzDCT_3JwU51e7Dhih44ae_wff4Ng44FZqoug861nijXB9uGmewVNbeYz_LNg/s800/emoticon-0137-clapping.gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihs912Hf4dUGmeFMYu7JpVjJzaXWjXQ-7EuJV2_mehxqq82xUGsRiQkTlzBsZv9KttrJ121kMABBEaNjbRBAglFvyBKXwem1QpKDaXN8fbAl_kMQl5NxYOSZhfDCZ6VyCDFBCD9CBYVmk/s800/emoticon-0136-giggle.gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3zL2XrJR5iIv3FmUVDtmjWo6SRZczrndAAidK2ohYg8y2TVamDlQC3jrEmuLZXEuQxDjDJx2NYNfLCLkryqb1mqUiO8lAUVAl21rH3QhqVV1-EvQVyrMxXsFF7a10Co4H0kch5wG-Unw/s800/emoticon-0141-whew.gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwzF1ar7Se3GdhPaBH4Y0E4oPJcdYVqmHtEANHQu5AA4cmII7RyL2GV6KfY8UmYvYo5Nnvh8b4FJCJFxYwOe7KfE4NaxKdNB8nLYDDnYzrbMnBArKFUdD5_IJZZrPLXvwTyjt9WwrXbYs/s800/emoticon-0148-yes.gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMi0CroIfxFvjK7N4aQ0V9BlJ1QHINhln4d4I3Uok-koyDIx6rWXuZ7CxvFNn4ktGRKeszaBmQxIOnItvt-B0jj-YbXYJ1iksALSFUZruohj8KBkH3GF9ffEIIOI4R0HQrQ4C0ZTWMuSM/s800/emoticon-0149-no.gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnW0ovGtDkgHEQD3NjTCmbM33zdq6b-jzKat1Ne466R3TNgmAS8qjp7YN-4pYnAvPQ9pFMqyLDLrvWtUOX1VHjW-qTfRZR-0p1Rlkm8NYM77pS6jzS_9WrctcWAsvX1aJb876RBI_po6s/s800/emoticon-0178-rock.gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLbBUYQnyEIxhZDPTVSiimaPWBciMZhCrnOijkIs5TzFGm4qik6BQbJXJJ6T3b6AZh8WCcckpoaGORnHncKxW1KOcJX-GcwCbir8-fDWBtCEszuRzPoIIVe2etZravoIM13L6DIHW43Kk/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/AVvXsEhYJoN9Pxby2fmMUl-gatkKuPSRvPcUbI3CUiCd95UAugCfkVPr8yzKiqntNl07AE4a2bQmxGb707zm1It5pTO96vYcLu9UMj75yRWlooAydF6e58q1o4xwXtsNC3eoz8NGA-E8fQ1EnmE/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwejNgrBMvWkiow2MFQ_TAbUEU7e3dxlhG4T9dTU44N9wbnulD4IKc0ROq8y6fPk3VAwV51E8QL9-wMMNx4lNxoEnfWFKBS4824i1IwIumjIVt4IovVg5DiNuS2yY6RHYnzcWfaINfXwU/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Y19mfGlTXGU-61bFZSGkI9ciHOmYVw9qdsYdIgGGDaiFD8-KqGwIUm3L_onZhWlQI8Ay8TBlP-0YxqgDvOA0MjZnatKbgXHPuBwlYyfwUwH1NgvEz1FvPLh47NCdx89Mx4w0-N_9MJA/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzRliQmbg13MXOP_NGeyh3nhFY-6KhDlduCU00DIQgXh9q2QQ4ww4Zkt9obyhcs4qdQ8eRG8Lmwl8ENcJKhIO9YlgQc_vqvm_W0XfnuB4jzfWyBVsDgOIc4-T6Gj-rJnzuwboF5rfvntE/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhIwhCmXriRT_bCfBsKbwcpmjLKhF5EHx21gQp9qJYci611WCCtHz_3QQQ5gPDTQZrDyCp37xobTgymMAzDCT_3JwU51e7Dhih44ae_wff4Ng44FZqoug861nijXB9uGmewVNbeYz_LNg/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihs912Hf4dUGmeFMYu7JpVjJzaXWjXQ-7EuJV2_mehxqq82xUGsRiQkTlzBsZv9KttrJ121kMABBEaNjbRBAglFvyBKXwem1QpKDaXN8fbAl_kMQl5NxYOSZhfDCZ6VyCDFBCD9CBYVmk/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3zL2XrJR5iIv3FmUVDtmjWo6SRZczrndAAidK2ohYg8y2TVamDlQC3jrEmuLZXEuQxDjDJx2NYNfLCLkryqb1mqUiO8lAUVAl21rH3QhqVV1-EvQVyrMxXsFF7a10Co4H0kch5wG-Unw/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwzF1ar7Se3GdhPaBH4Y0E4oPJcdYVqmHtEANHQu5AA4cmII7RyL2GV6KfY8UmYvYo5Nnvh8b4FJCJFxYwOe7KfE4NaxKdNB8nLYDDnYzrbMnBArKFUdD5_IJZZrPLXvwTyjt9WwrXbYs/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMi0CroIfxFvjK7N4aQ0V9BlJ1QHINhln4d4I3Uok-koyDIx6rWXuZ7CxvFNn4ktGRKeszaBmQxIOnItvt-B0jj-YbXYJ1iksALSFUZruohj8KBkH3GF9ffEIIOI4R0HQrQ4C0ZTWMuSM/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLbBUYQnyEIxhZDPTVSiimaPWBciMZhCrnOijkIs5TzFGm4qik6BQbJXJJ6T3b6AZh8WCcckpoaGORnHncKxW1KOcJX-GcwCbir8-fDWBtCEszuRzPoIIVe2etZravoIM13L6DIHW43Kk/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnW0ovGtDkgHEQD3NjTCmbM33zdq6b-jzKat1Ne466R3TNgmAS8qjp7YN-4pYnAvPQ9pFMqyLDLrvWtUOX1VHjW-qTfRZR-0p1Rlkm8NYM77pS6jzS_9WrctcWAsvX1aJb876RBI_po6s/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS-iGXDTd2RxhUnr1pDZgEY4i_IsSAETF-_1BAXnJGzyqJ_xs39h9Cs_0oUpNaL_USmKzEar3GnLKjKTyk3BG8HY2faHUAkC_3jCDYlotmd1pZUEBmJxAAACDB5lolkWeUs2AwdabWvBk/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKbZvx-ATg5-WpYR5nL2GKwZvFiUbHag7fj3DQ8nUoKE3XqtNqEbHfgqlnAlyHYnEB368S5fNR3L9WFUjml_SB8Qxh6-B3skr4-RSrmpKd_K9WAY1KfyCPPJCXAb844r9_w2jUtIAG-rM/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI6FFogd9Y_nZEm5vI4qGFrqayUYH9D7bHbDwFQuD01Ey5dgAqRY-bnvt2xtnufEeMQaqQgZrAL85rtYWsTcKKe-dYioSgYt611_EexYtMHrECcUwz1AtCEM1q42kk14yxEb7c-_K3kGc/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLCSQvk0E0bL4MujdbpQSPWCAo9BbHNLCE0aMHrYf39EpgmM4vLHvjLtdn25jp-6FSHWXKHtuX3A_1YTO9-bsCdDH0Bncl1GPO07glla2I7yJ6UsAtuRZHERFD60N4lG_Kv3pYL3MotUw/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyV1DiuoYmHGOXg3efI9V-Ds9xxzsyMxHn5Ufi2AMrf3fK0o7nVzlVXWWWCqKKbvXY625rZMgy2CZz_2APhnO4wRYSlPJrcI2k9xfcAOc9N4HAclzgwimNBjqcAH6a_YJVFBkF3YyZqv8/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMsV7aKD-ZiJg9jB7IsncxyCrIEVye4f5MMUm-hmsRpN_9ay5EcKOZ-wcd_VL1CxeaeeVAZSUzp6idsCfPwOSttRSwivDM00ZNB3tmIinNAoH8TQAieFqCE3v6M81QwiK774ohvBlHYXk/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCjr4sjXflDbJxdI_KaqMK8CpubetFItRaOrseJGZ7oGpRMTzxJQ4Jb5-PiSdXm8AS4Wy0gdx8fNstUGKgvQcd1LVA3Pz-b_fc1rnECdtALq68vVBCxGjvHZUu9S4WgHxe6EYoFzi_Oc/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwUHq2Pe2SmNZWOBLpum2e6GvOaRttVPTyazbvmI7v97m1Tsg5PwRHG95TlV_8zd5f-A0-sK6wZgCO3HUVEfVvJOEm2DZKZIR754JE4OKISknR_6OVM8qq44LOdMfFAm_-f47TD-L-c8g/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWzPVsle1gV0cWRzNBY8oC_XSWKgxY4BT2mjUpFyvLqj6FgY4lAmiNCsmVocfyDp8Dda7U_ZRs3ga9ZgYNjbsCLpiF27ObL3ZBFkq8QtvrHIzNB8eB31XBftXPcxDYQYYVkXuZdo1CeCM/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
                b.item(i).innerHTML = _str;
            }
    }
}
//]]>
</script>

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

فيسبوك توتير جوجل + لينكدان بينتريست