أضافة أبتسامات للصندوق التعليقات بـ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/AVvXsEiQbO8XlHkw37r6izJyp-iNNMqvqtx_qodtLivYxzjSFbbh9KryFRFiIyHgylHcB2C7a0MSGSXF2mzNBX9ZjODWx2SRRaDSsas3tdGI23ow4ktrsbMQnVGKd2V7ASsIKs-sqe6WE0IxWA/h80/1.gif'/> :a

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzxAY_unleyvOpxGxqQK0VMtUxM5YFQiVgwS-F_CfoQc0uqHQ7g3_w_RtPD4YssuJmfEEgOqN59447DAuknBlEg6NIRRhT9ZSB6qZnSV6N8qXSzx7y3OmKQuD5SPm65ozeYr6c_L8c-g/h80/2.gif'/> :b

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMk8nROqrqQtAzjr2S9V9JYgMXdcBQWDQ198mcAXdt_pbM9E9zxn2MfRrCcxZC_Ol8CW6xYKPeyMToXYcDccxQMAgKY2BMFnC6BtJs-F0VyQV4mJLc3g1uxILkflZvIfKxGnGHAwB7qg/h80/3.gif'/> :c

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

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3_0GqB7sTnLfs7yedR4UIS4MuI2dVinpvwHOBhlOafwqfRFztET7GjG8JdwTtEWvqXZeJphaiWyQvEOUlegTI3S2-5Wt4H17I_c_5556i5EefyBwQf1UmCryU6TPUCkjKvNFShOuHdw/h80/6.gif'/> :e

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKRibG0mRWB-xvvehjFHCtAspS7cIAiRZbOgUANL09l90XG2_Fv-DmUzjx10ZTCie90sg5lb8QQ_SARiw9MMpEIvWNYkRxbasHPCp-cHPsFyRtgbFNI2KAinRwxyXkRdewXl2P9OCrqQ/h80/7.gif'/> :f

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

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

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

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

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVgrPb_KiLX8YGZhe5WLK9f9eq9eWLT8YKM-DaIV0btXLJXoQ2fFeccYfV5ttFeN-gfxwqEcsJd3ZaY5X7OiE7un08iPM5htoSyxw8RUJgNRS_XSPFJwNWyRM0kiQgy3gWrllfHIuHTA/h80/12.gif'/> :k

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfUyyP4L3Jul9xioW2omJQjtdi9VWOt4z7QvCVvJ-cmeRnSkp00gXsvki3qFY9aQhLyfhdwc-9a61uycXFeBmf-v7esiolVUghmP63ksZ3G1bRxWfvmSbMpUE84tf90-f43flhnEY3cQ/h80/14.gif'/> :l

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0YGtWxWEkYB7ex_afzZ6yFbcYqHiB2wDZBUUf6YM2ksV0I2Blp8567I0O9EopCvsicZ-sR7OKRJuLoqMUu41g3mlJ56TA6hs-9VsoMujL8qRYls-X1ytJhyphenhyphenVqhA8h_9I7-JgHOm9r9w/h80/13.gif'/> :m

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwgU4GLI48fymlx-k6HBWVMoXo5JgoSiP-M5pSc7G_nLxPgIY6zmbs9pRkGokJRDGUvEvy7GaJpBW8IyOiJy0zCtFk-psUcQ-cqtCBi-r4AS72aIz7j184qLxUHl2u7H5vZm-X81-MreA/s800/emoticon-0137-clapping.gif'/> :n

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2zRYvRuo5ep02z7m5-rTEAL55TVAW6mpjfs6pD04hTAW2jvdGYvT_0gjAKCNvV5qDqdcYHs7V-SSbpfZkt4eQizXchEUn6VCGb-MwzTkVmBju2UEiABDEKRwyE0CPTmm5rWMRaZnZGQ/h80/15.gif'/> :o

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvDr8vHf3NESxvxMUKrfUU7JP159cMd5FgLUSLQDz9dPgS0BenUNwYSMIVzaISvwU3b7WwohaaNMKVIIBB9pvN5AH1SJOoJHd0WOTkeNe1c7j9t3SZ-SmSH4mGCj-94XRnzCg-V7Yi2w/h80/16.gif'/> :p

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

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPZodvy2Y6vUKflRd4uecC_ZlYEtZSd5IF4KKBh50jGHwz9asQacBT01Rpv6XyqQGBFXX83BXwZpy2FvZJZ-u0sACz5kiVJR77CFyHXoSaJfv6ME10JgbF4LTR5FbDQMt_WLyldRz3cw/h80/17.gif'/> :r

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIGD-QQvjOJycjFxmbUAvb0DAWIBFrJ2P-NmoMMlR6VuvZ2tjv5FpowTJlLdAQRbBJU5Pxs-2IId2dV4SLlYnCeFbYj7fMAqutvkLalNBZFgn1BofAAvNo0UyIhyCNfbOVJzML5IrzqQ/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/AVvXsEiQbO8XlHkw37r6izJyp-iNNMqvqtx_qodtLivYxzjSFbbh9KryFRFiIyHgylHcB2C7a0MSGSXF2mzNBX9ZjODWx2SRRaDSsas3tdGI23ow4ktrsbMQnVGKd2V7ASsIKs-sqe6WE0IxWA/h80/1.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzxAY_unleyvOpxGxqQK0VMtUxM5YFQiVgwS-F_CfoQc0uqHQ7g3_w_RtPD4YssuJmfEEgOqN59447DAuknBlEg6NIRRhT9ZSB6qZnSV6N8qXSzx7y3OmKQuD5SPm65ozeYr6c_L8c-g/h80/2.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMk8nROqrqQtAzjr2S9V9JYgMXdcBQWDQ198mcAXdt_pbM9E9zxn2MfRrCcxZC_Ol8CW6xYKPeyMToXYcDccxQMAgKY2BMFnC6BtJs-F0VyQV4mJLc3g1uxILkflZvIfKxGnGHAwB7qg/h80/3.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYx3Pt_mjrfmoaKiev0eErvvj0xd4Z7aJH8WDvktrahRay3iwd9eIFe7u5khnMGWb5r4pk9yUtepMF9i8fle8zumiQKT_i6GOtZEhs6WynMy7HTOYsZia6VjKcxF53jlTnjcmSZwsL6w/h80/4.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3_0GqB7sTnLfs7yedR4UIS4MuI2dVinpvwHOBhlOafwqfRFztET7GjG8JdwTtEWvqXZeJphaiWyQvEOUlegTI3S2-5Wt4H17I_c_5556i5EefyBwQf1UmCryU6TPUCkjKvNFShOuHdw/h80/6.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKRibG0mRWB-xvvehjFHCtAspS7cIAiRZbOgUANL09l90XG2_Fv-DmUzjx10ZTCie90sg5lb8QQ_SARiw9MMpEIvWNYkRxbasHPCp-cHPsFyRtgbFNI2KAinRwxyXkRdewXl2P9OCrqQ/h80/7.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIEfAiBeMnYDA4Dt_TB3EVX_PR1HxZPpi2pqxGOjGOuQAEZokS8Ulsy5AHiUQGPYQJ4EivXDnJeoNth09IkXILuMupR0PjODz45oSXSUDTWHiIGzwCaPs5JN0PO4Yq7wYlyAM8L7Kocw/h80/8.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgivbQaSkwMYFK6YlUwurCdJ_z1F5_58ztZI4qQnztGViDgNuak5FZJpvamgXzJt5e1KMCHyxpDoYnponmz1hO-D7ATR_e2DEPDuV7lzwOmuoSKYGwgUlpknpemhpTbzzia6t3JqAvuqg/h80/9.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZyMmJ7UxdWC5Z2ZHuojAvaYgq4mYNkJD4mGIQMQTrC2tusQMug0aN_4ny_q_TnziYeWEfd4qEqt2-ACPsUiottpk3wbZ33Pd1L_De8IqmtjPyUrDxFwl8a97DmtARV6tN6LPUK3juyA/h80/10.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwY1nYTURWay886NaUQUeiEWLc6L8BwbtYi7Zx4vbuOJ_ptz1pwNhabekNXPYdycjq2UVTNpXQedkKhMZoJsn_vCIRrlqi9AMfN7I2JoWes5jEHXAlkqZEsEmEV0oKSn8tnEzD6WkDXA/h80/11.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVgrPb_KiLX8YGZhe5WLK9f9eq9eWLT8YKM-DaIV0btXLJXoQ2fFeccYfV5ttFeN-gfxwqEcsJd3ZaY5X7OiE7un08iPM5htoSyxw8RUJgNRS_XSPFJwNWyRM0kiQgy3gWrllfHIuHTA/h80/12.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfUyyP4L3Jul9xioW2omJQjtdi9VWOt4z7QvCVvJ-cmeRnSkp00gXsvki3qFY9aQhLyfhdwc-9a61uycXFeBmf-v7esiolVUghmP63ksZ3G1bRxWfvmSbMpUE84tf90-f43flhnEY3cQ/h80/14.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0YGtWxWEkYB7ex_afzZ6yFbcYqHiB2wDZBUUf6YM2ksV0I2Blp8567I0O9EopCvsicZ-sR7OKRJuLoqMUu41g3mlJ56TA6hs-9VsoMujL8qRYls-X1ytJhyphenhyphenVqhA8h_9I7-JgHOm9r9w/h80/13.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwgU4GLI48fymlx-k6HBWVMoXo5JgoSiP-M5pSc7G_nLxPgIY6zmbs9pRkGokJRDGUvEvy7GaJpBW8IyOiJy0zCtFk-psUcQ-cqtCBi-r4AS72aIz7j184qLxUHl2u7H5vZm-X81-MreA/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2zRYvRuo5ep02z7m5-rTEAL55TVAW6mpjfs6pD04hTAW2jvdGYvT_0gjAKCNvV5qDqdcYHs7V-SSbpfZkt4eQizXchEUn6VCGb-MwzTkVmBju2UEiABDEKRwyE0CPTmm5rWMRaZnZGQ/h80/15.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvDr8vHf3NESxvxMUKrfUU7JP159cMd5FgLUSLQDz9dPgS0BenUNwYSMIVzaISvwU3b7WwohaaNMKVIIBB9pvN5AH1SJOoJHd0WOTkeNe1c7j9t3SZ-SmSH4mGCj-94XRnzCg-V7Yi2w/h80/16.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:f/gi, "<img src=''https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpWO-yFuTLVwfVGfaizm8ShO_HhAxJpOqCKaT1QRbNmFK58ynWYniDIl7mhKQ9S6nEDboTFfE4pgolQ0hvTuhxAA3p9ds6gyiTl4KPLU9i9d4xpFCr4cZJgl964Gd3hbLvghqmq1yS1Sg/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPZodvy2Y6vUKflRd4uecC_ZlYEtZSd5IF4KKBh50jGHwz9asQacBT01Rpv6XyqQGBFXX83BXwZpy2FvZJZ-u0sACz5kiVJR77CFyHXoSaJfv6ME10JgbF4LTR5FbDQMt_WLyldRz3cw/h80/17.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIGD-QQvjOJycjFxmbUAvb0DAWIBFrJ2P-NmoMMlR6VuvZ2tjv5FpowTJlLdAQRbBJU5Pxs-2IId2dV4SLlYnCeFbYj7fMAqutvkLalNBZFgn1BofAAvNo0UyIhyCNfbOVJzML5IrzqQ/h80/18.gif' alt='' class='smiley'/>");
                b.item(i).innerHTML = _str;
            }
    }
}
//]]>
</script>

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

By glok

Similiar tagsأيقونات تعليقــات