Wednesday, June 20, 2012

أضافة أبتسامات للصندوق التعليقات بـsmiley جديدة 2012

بسم الله الرحمن الرحيم 


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


أضف لمدونتك بعض من الجمال وتنسيق والأحترافية

طريقة أضافة صندوق الايتسامات للتعليقات أو الردود للمدونات البلوجر وأبتسامات جديدة وحصريــة ولاول مرة

صورة للإضافة




حرصت أن تكون الابتسامات صغيره ومنسقة وتحتوي على جميع الانطباعات 

عدد الأبتسامات في الصندوق 19 


طريقة التركيب ولاضافة

1- أتجه للوحة التحكم الخاص بمدونتك

2- تصميم

3-تحرير html

4-أعمل توسيع للقالب

أبحث عن الكود التالي

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


وأضف أسفله مباشرة الكود التالي

<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/AVvXsEizxCnJe7Of7CP4Ke9099_jqBggXpZZaeOkaquWHNqVl09bfv26iw2pqr7kxSmvmnR9m9d6KkBCpX8tF4aPVwmhrCEYkXuhoyImHAFyPmCDUm1lNbLCBlPQRCwW2mH4uSRVi_KBW0emEQ/h80/1.gif'/>  :a


<img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj80AJmZf6fG18DgjZWVPr96WMyR4ilAZXxKLvw1SFp_9ah_55P-npGXX0Lw7C4GhKNlgVzSlRQO8xhpzsyTv-MzcUmk8utbgMeacM29fdl-go_Dzcth2esBOZAEboy26z84zsGVRfAeg/h80/2.gif'/>  :b


<img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirioDtz4MtoxyREuXqgRavCblw4gp0Zd2w-nlq5WrhrhzPWiS-oDjgw6SnJ4YWtdT7PaKJLtcS0kMkXPQegoZ0Awnr-ra3u2DBnj6uYjye9hO2X48xnxpW3ffI47rytkR7pjEIhl1poA/h80/3.gif'/>  :c


<img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghw45P7WnKSwDVFX0IWe1MpjCzQZyU4QIYrhDiRGjtdwtm10s77zMyHsW-bBiF05NMMLl7CX9MspGCA5Lyz37-GJTKznodVItNGtuZYxbNR7EtDpVg9vjtzzNRvM6G8iWnAMJJzPj9Fg/h80/4.gif'/>  :d


<img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBaV6HxgaQt90fS7UsfZIGCKc3fa1zeZMiQWluC5WgkAwKuuOFetJB3G2D35WhlZ5s2fguPGJjOL4mcIyO_Mbz-IuXRse0XoKxYs8-fxsKj1VGiJ9H3Ld2gr4jc3YS_Vr8u91hI0EYTQ/h80/6.gif'/>  :e


<img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivh3L0MK_hqnSDX8S8PitBQUV3PxlO3PtUQxnJxZsj_JkMoV5bb55kSH72N4ixxpTcsrNkg_GQ5-bmYP3jEpukDN7AdCUtn47xIPsMue4TgEeukGah2xbb8XCnzaL4ew_jKtwjifDuNg/h80/7.gif'/>  :f


<img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRPsporSH2K3IcNffYPjJ7Eao-VXT9urvvpr3sA7eRaECLRpu-WzDu2xBSEmM3xvcDXlrDi_R0vXQByOysXPKwYezi4Cbr9L6APxMN8vfe7aIw_WRKLJ3KcG1TeDd0mTIOn3L2s9dw9g/h80/8.gif'/>  :g


<img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGhwfYlUX5K6cXsfBvKlueL8BfRzvuzue6Cbv1Etm_pqHTcofP6RO1xmUX6jd8y5JL-SJ3VguCWNi8A3urBnkDwjsCipSU4mEjKl7xpyFk9RlVdbcxO-WC20J2xwVO1DhDsjFrHhAsNQ/h80/9.gif'/>  :h


<img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7qXKYtMiH4JyD8zrOLY5DT2q1pQzG2wWg1L2lQ73f4via1x27ggW83Dj3lyi0G4PeCUd-r5isAf6Y7nnCjiV_ovvqhV_vMrzW9v_er7WPSMAEX-TGQYUAOm_2aTEyv8WJVvO0Xgw90Q/h80/10.gif'/>  :i


<img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBIyUCCVpU7X0os7u1r8ajDVxt-78jFdQ7Qc_BixCIzgLGuHlvSxpz2FrjFfBXCbwu68MmBbVoptFJT8ZbfzevNCOfzkEyzEWVG5wl9nQzft669SMPWJqLTQdzEcNTwAaziQhl2RWNRA/h80/11.gif'/>  :j


<img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZj8mm7bO60uDVbkvaJACnpZfn5Xrz_V5YsUmPB7L3G09kwYcV6yO5TS6UJ645eYufvRTwBIfmKKovlvdl1r-5nNmICcg0ZBhbLPsp3HlgSCIo1R3IGUafkHwG3ZXeh5mV_3ewG14kag/h80/12.gif'/>  :k


<img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSyO2ggOIcLTbBKB3guQbHq4OksUQXDHlQRdSKRIhIKBpKMwF_6ftv_oloBNzHHqEdYUPXUqBhI7RJ68KMAflWvCGblHP87xXushZ7e3RWuOVtlbnfqSTi2u3WY2se8ZFj6rTMzTG0jg/h80/14.gif'/>  :l


<img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiyzu8Of7ksLXNBfiC9XorSfcKmzDa0SWk3Wh13Mo5RY1lk3zJW_vw75ueExCT58oi0no4zT61Gz7a6Lra464zMhZwcWJ5IJSyOeQNMZp7cLyn0mThoo1-M77fR8UPSf5tHk1ysoGJgQ/h80/13.gif'/>  :m


<img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivH7PuNYbE0gaX5FgKqaI-ApPreyhcQbdSd7RFGtaftIUWIfJCP3YaZQtBu4tspH8IxUNApP8f-mXPhlABuLLFxKuLqtcqE1Ph8s3U26y-p9iRviAO3Nq_CdqJTUCrdkE-CMtuSw7SzRI/s800/emoticon-0137-clapping.gif'/>  :n


<img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh983lCnJimvaMv_L3NbYQIX1rDUtvXHmiJl8Nmy5xCaJaw2dRGeWxF0PCMzutCHQw54JTF0mUKs3zeMg8eLnQWhz6J63Y3cMiv6dBKDIER29UOlGgtmKusiVFA4ssUBE7MuWOHyWmN9g/h80/15.gif'/>  :o


<img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic2MmxkMCaql-8H6jXf4EClvAWxfuZynVdcjLENdWONZTrUohgzKehAN7CW2bR3dD8hYQbV3CMvJ0qarsdvGbt_xEZtYEDB0sAIL7rjemRw86h1i4DnBQNunmQHQYp-XHlhqBEobXQJg/h80/16.gif'/>  :p


<img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDgOVrp7SUfRTGxvDaUwkrqYl0vh_6DEE9cBO5Ehn1UiQJ5FStxgYhK85udwwOPhD4hXi7ebi2iTJDWlyClEPJGS8hTH1HYcXGHSox_KlvdB7OYlqm4mAulGO2YFKu3FvUFaxnDnG5Js/s800/emoticon-0148-yes.gif'/>  :q


<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcFTVWICuH5cCRG6W5-iY72J0NWU9W7ESb8k-CtoSrkJxsChfkVcMdrATjAncah68en0NfOk6dXcWX0bxT49e39076TaHP4LcIapCVPCFg1BUYYOMUh-76qhd4zL4WRML2wTYE7Ip9BQ/h80/17.gif'/> :r


<img  border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNKAWV5s5gV-dkvTGFhGtt_mxGSqOEpslgB8RyZQNqfcmKKD4_ku5F934IXJ7jwxckbEqwMJofghDAo3OTvkMLpDawBEqj4aCB4eWk3ue8HBK00SPCrq0ZOlcZGsJ2uRlRp4Q8GHPaeA/h80/18.gif'/>  :s

</div>




بعد ذلك قم بالبحث عن الكود التالي

</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/AVvXsEizxCnJe7Of7CP4Ke9099_jqBggXpZZaeOkaquWHNqVl09bfv26iw2pqr7kxSmvmnR9m9d6KkBCpX8tF4aPVwmhrCEYkXuhoyImHAFyPmCDUm1lNbLCBlPQRCwW2mH4uSRVi_KBW0emEQ/h80/1.gif'  alt='' class='smiley'/>");
                _str =  _str.replace(/:k/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj80AJmZf6fG18DgjZWVPr96WMyR4ilAZXxKLvw1SFp_9ah_55P-npGXX0Lw7C4GhKNlgVzSlRQO8xhpzsyTv-MzcUmk8utbgMeacM29fdl-go_Dzcth2esBOZAEboy26z84zsGVRfAeg/h80/2.gif'  alt='' class='smiley'/>");
        _str = _str.replace(/:l/gi,  "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirioDtz4MtoxyREuXqgRavCblw4gp0Zd2w-nlq5WrhrhzPWiS-oDjgw6SnJ4YWtdT7PaKJLtcS0kMkXPQegoZ0Awnr-ra3u2DBnj6uYjye9hO2X48xnxpW3ffI47rytkR7pjEIhl1poA/h80/3.gif'  alt='' class='smiley'/>");
        _str = _str.replace(/:m/gi,  "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghw45P7WnKSwDVFX0IWe1MpjCzQZyU4QIYrhDiRGjtdwtm10s77zMyHsW-bBiF05NMMLl7CX9MspGCA5Lyz37-GJTKznodVItNGtuZYxbNR7EtDpVg9vjtzzNRvM6G8iWnAMJJzPj9Fg/h80/4.gif'  alt='' class='smiley'/>");
        _str = _str.replace(/:n/gi,  "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBaV6HxgaQt90fS7UsfZIGCKc3fa1zeZMiQWluC5WgkAwKuuOFetJB3G2D35WhlZ5s2fguPGJjOL4mcIyO_Mbz-IuXRse0XoKxYs8-fxsKj1VGiJ9H3Ld2gr4jc3YS_Vr8u91hI0EYTQ/h80/6.gif'  alt='' class='smiley'/>");
                _str =  _str.replace(/:o/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivh3L0MK_hqnSDX8S8PitBQUV3PxlO3PtUQxnJxZsj_JkMoV5bb55kSH72N4ixxpTcsrNkg_GQ5-bmYP3jEpukDN7AdCUtn47xIPsMue4TgEeukGah2xbb8XCnzaL4ew_jKtwjifDuNg/h80/7.gif'  alt='' class='smiley'/>");
                _str =  _str.replace(/:p/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRPsporSH2K3IcNffYPjJ7Eao-VXT9urvvpr3sA7eRaECLRpu-WzDu2xBSEmM3xvcDXlrDi_R0vXQByOysXPKwYezi4Cbr9L6APxMN8vfe7aIw_WRKLJ3KcG1TeDd0mTIOn3L2s9dw9g/h80/8.gif'  alt='' class='smiley'/>");
                _str =  _str.replace(/:q/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGhwfYlUX5K6cXsfBvKlueL8BfRzvuzue6Cbv1Etm_pqHTcofP6RO1xmUX6jd8y5JL-SJ3VguCWNi8A3urBnkDwjsCipSU4mEjKl7xpyFk9RlVdbcxO-WC20J2xwVO1DhDsjFrHhAsNQ/h80/9.gif'  alt='' class='smiley'/>");
                _str =  _str.replace(/:r/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7qXKYtMiH4JyD8zrOLY5DT2q1pQzG2wWg1L2lQ73f4via1x27ggW83Dj3lyi0G4PeCUd-r5isAf6Y7nnCjiV_ovvqhV_vMrzW9v_er7WPSMAEX-TGQYUAOm_2aTEyv8WJVvO0Xgw90Q/h80/10.gif'  alt='' class='smiley'/>");
                _str =  _str.replace(/:s/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBIyUCCVpU7X0os7u1r8ajDVxt-78jFdQ7Qc_BixCIzgLGuHlvSxpz2FrjFfBXCbwu68MmBbVoptFJT8ZbfzevNCOfzkEyzEWVG5wl9nQzft669SMPWJqLTQdzEcNTwAaziQhl2RWNRA/h80/11.gif'  alt='' class='smiley'/>");
                _str =  _str.replace(/:t/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZj8mm7bO60uDVbkvaJACnpZfn5Xrz_V5YsUmPB7L3G09kwYcV6yO5TS6UJ645eYufvRTwBIfmKKovlvdl1r-5nNmICcg0ZBhbLPsp3HlgSCIo1R3IGUafkHwG3ZXeh5mV_3ewG14kag/h80/12.gif'  alt='' class='smiley'/>");
                _str =  _str.replace(/:a/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSyO2ggOIcLTbBKB3guQbHq4OksUQXDHlQRdSKRIhIKBpKMwF_6ftv_oloBNzHHqEdYUPXUqBhI7RJ68KMAflWvCGblHP87xXushZ7e3RWuOVtlbnfqSTi2u3WY2se8ZFj6rTMzTG0jg/h80/14.gif'  alt='' class='smiley'/>");
        _str = _str.replace(/:b/gi,  "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiyzu8Of7ksLXNBfiC9XorSfcKmzDa0SWk3Wh13Mo5RY1lk3zJW_vw75ueExCT58oi0no4zT61Gz7a6Lra464zMhZwcWJ5IJSyOeQNMZp7cLyn0mThoo1-M77fR8UPSf5tHk1ysoGJgQ/h80/13.gif'  alt='' class='smiley'/>");
        _str = _str.replace(/:c/gi,  "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivH7PuNYbE0gaX5FgKqaI-ApPreyhcQbdSd7RFGtaftIUWIfJCP3YaZQtBu4tspH8IxUNApP8f-mXPhlABuLLFxKuLqtcqE1Ph8s3U26y-p9iRviAO3Nq_CdqJTUCrdkE-CMtuSw7SzRI/s800/emoticon-0137-clapping.gif'  alt='' class='smiley'/>");
        _str = _str.replace(/:d/gi,  "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh983lCnJimvaMv_L3NbYQIX1rDUtvXHmiJl8Nmy5xCaJaw2dRGeWxF0PCMzutCHQw54JTF0mUKs3zeMg8eLnQWhz6J63Y3cMiv6dBKDIER29UOlGgtmKusiVFA4ssUBE7MuWOHyWmN9g/h80/15.gif'  alt='' class='smiley'/>");
        _str = _str.replace(/:e/gi,  "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic2MmxkMCaql-8H6jXf4EClvAWxfuZynVdcjLENdWONZTrUohgzKehAN7CW2bR3dD8hYQbV3CMvJ0qarsdvGbt_xEZtYEDB0sAIL7rjemRw86h1i4DnBQNunmQHQYp-XHlhqBEobXQJg/h80/16.gif'  alt='' class='smiley'/>");
        _str = _str.replace(/:f/gi,  "<img  src=''https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDgOVrp7SUfRTGxvDaUwkrqYl0vh_6DEE9cBO5Ehn1UiQJ5FStxgYhK85udwwOPhD4hXi7ebi2iTJDWlyClEPJGS8hTH1HYcXGHSox_KlvdB7OYlqm4mAulGO2YFKu3FvUFaxnDnG5Js/s800/emoticon-0148-yes.gif'  alt='' class='smiley'/>");
        _str = _str.replace(/:g/gi,  "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcFTVWICuH5cCRG6W5-iY72J0NWU9W7ESb8k-CtoSrkJxsChfkVcMdrATjAncah68en0NfOk6dXcWX0bxT49e39076TaHP4LcIapCVPCFg1BUYYOMUh-76qhd4zL4WRML2wTYE7Ip9BQ/h80/17.gif'  alt='' class='smiley'/>");
                _str =  _str.replace(/:h/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNKAWV5s5gV-dkvTGFhGtt_mxGSqOEpslgB8RyZQNqfcmKKD4_ku5F934IXJ7jwxckbEqwMJofghDAo3OTvkMLpDawBEqj4aCB4eWk3ue8HBK00SPCrq0ZOlcZGsJ2uRlRp4Q8GHPaeA/h80/18.gif'  alt='' class='smiley'/>");
                b.item(i).innerHTML = _str;
            }
    }
}
//]]>
</script>



وأخيرا أعمل حفظ للقالب وقيم الأضافة

0 comments

Post a Comment