أضافة أبتسامات للصندوق التعليقات بـ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://lh6.googleusercontent.com/-AXsC6x_tNxw/Tqc-dtD47hI/AAAAAAAABUs/17gT_ETRkrE/h80/1.gif'/> :a

<img border='0' src='https://lh3.googleusercontent.com/-5m2mrxC_xEU/Tqc-eTnaB3I/AAAAAAAABU0/v50MklVuMBQ/h80/2.gif'/> :b

<img border='0' src='https://lh5.googleusercontent.com/-OqQ6Do4so8A/Tqc-fSkA7JI/AAAAAAAABU8/dHBDJC9BeTY/h80/3.gif'/> :c

<img border='0' src='https://lh5.googleusercontent.com/-0yqxWhbJnRk/Tqc-gbqEqVI/AAAAAAAABVE/2mRjjcnS_ec/h80/4.gif'/> :d

<img border='0' src='https://lh4.googleusercontent.com/-oUrm_HCg-KA/Tqc-ieFHSuI/AAAAAAAABVU/6Vyp8o619cI/h80/6.gif'/> :e

<img border='0' src='https://lh4.googleusercontent.com/-J498H9YzZg0/Tqc-jfgHt9I/AAAAAAAABVY/apf5Ta3sHrM/h80/7.gif'/> :f

<img border='0' src='https://lh3.googleusercontent.com/-kQTBzaZ6J5w/Tqc-jiz94QI/AAAAAAAABVg/mnS4ne4pRhQ/h80/8.gif'/> :g

<img border='0' src='https://lh4.googleusercontent.com/-Syp0ypVyowY/Tqc-kZlLOjI/AAAAAAAABVo/zeHpkHhS1R4/h80/9.gif'/> :h

<img border='0' src='https://lh6.googleusercontent.com/-sKf9O9Q9FN4/Tqc-k7eb90I/AAAAAAAABVw/a3rAJvRUV7g/h80/10.gif'/> :i

<img border='0' src='https://lh6.googleusercontent.com/-tmVXwL8qhDc/Tqc-ldcNuDI/AAAAAAAABV8/iA4oro2PoJg/h80/11.gif'/> :j

<img border='0' src='https://lh6.googleusercontent.com/-dEJctwU1Bb0/Tqc-mtHU20I/AAAAAAAABWE/W0MV5cJpDFE/h80/12.gif'/> :k

<img border='0' src='https://lh3.googleusercontent.com/-doe_0ytE0wI/Tqc-n8l0yiI/AAAAAAAABWQ/FWI9Rooqn2A/h80/14.gif'/> :l

<img border='0' src='https://lh5.googleusercontent.com/-J_eh14jSgAQ/Tqc-nVY8alI/AAAAAAAABWI/r8bOJh__DGs/h80/13.gif'/> :m

<img border='0' src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z9D-KY1cI/AAAAAAAAC9g/PZppx2BcToc/s800/emoticon-0137-clapping.gif'/> :n

<img border='0' src='https://lh4.googleusercontent.com/-U7DBiW_ryDM/Tqc-ooDq_fI/AAAAAAAABWY/r70Mlxz4P6k/h80/15.gif'/> :o

<img border='0' src='https://lh6.googleusercontent.com/-oiK8yFcPXiI/Tqc-pPBaJyI/AAAAAAAABWg/73GC9FH9zcY/h80/16.gif'/> :p

<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99UcZMKI/AAAAAAAAC9s/p7NVe245uP4/s800/emoticon-0148-yes.gif'/> :q

<img border='0' src='https://lh4.googleusercontent.com/-lPd8HhDElMU/Tqc-qEecofI/AAAAAAAABWo/RycE5yH5dV0/h80/17.gif'/> :r

<img border='0' src='https://lh3.googleusercontent.com/-QhWKwj2bUFk/Tqc-qgCxs3I/AAAAAAAABW0/uucxoLZJTPw/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://lh6.googleusercontent.com/-AXsC6x_tNxw/Tqc-dtD47hI/AAAAAAAABUs/17gT_ETRkrE/h80/1.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:k/gi, "<img src='https://lh3.googleusercontent.com/-5m2mrxC_xEU/Tqc-eTnaB3I/AAAAAAAABU0/v50MklVuMBQ/h80/2.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:l/gi, "<img src='https://lh5.googleusercontent.com/-OqQ6Do4so8A/Tqc-fSkA7JI/AAAAAAAABU8/dHBDJC9BeTY/h80/3.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:m/gi, "<img src='https://lh5.googleusercontent.com/-0yqxWhbJnRk/Tqc-gbqEqVI/AAAAAAAABVE/2mRjjcnS_ec/h80/4.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:n/gi, "<img src='https://lh4.googleusercontent.com/-oUrm_HCg-KA/Tqc-ieFHSuI/AAAAAAAABVU/6Vyp8o619cI/h80/6.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:o/gi, "<img src='https://lh4.googleusercontent.com/-J498H9YzZg0/Tqc-jfgHt9I/AAAAAAAABVY/apf5Ta3sHrM/h80/7.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:p/gi, "<img src='https://lh3.googleusercontent.com/-kQTBzaZ6J5w/Tqc-jiz94QI/AAAAAAAABVg/mnS4ne4pRhQ/h80/8.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:q/gi, "<img src='https://lh4.googleusercontent.com/-Syp0ypVyowY/Tqc-kZlLOjI/AAAAAAAABVo/zeHpkHhS1R4/h80/9.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:r/gi, "<img src='https://lh6.googleusercontent.com/-sKf9O9Q9FN4/Tqc-k7eb90I/AAAAAAAABVw/a3rAJvRUV7g/h80/10.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:s/gi, "<img src='https://lh6.googleusercontent.com/-tmVXwL8qhDc/Tqc-ldcNuDI/AAAAAAAABV8/iA4oro2PoJg/h80/11.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:t/gi, "<img src='https://lh6.googleusercontent.com/-dEJctwU1Bb0/Tqc-mtHU20I/AAAAAAAABWE/W0MV5cJpDFE/h80/12.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:a/gi, "<img src='https://lh3.googleusercontent.com/-doe_0ytE0wI/Tqc-n8l0yiI/AAAAAAAABWQ/FWI9Rooqn2A/h80/14.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:b/gi, "<img src='https://lh5.googleusercontent.com/-J_eh14jSgAQ/Tqc-nVY8alI/AAAAAAAABWI/r8bOJh__DGs/h80/13.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:c/gi, "<img src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z9D-KY1cI/AAAAAAAAC9g/PZppx2BcToc/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:d/gi, "<img src='https://lh4.googleusercontent.com/-U7DBiW_ryDM/Tqc-ooDq_fI/AAAAAAAABWY/r70Mlxz4P6k/h80/15.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:e/gi, "<img src='https://lh6.googleusercontent.com/-oiK8yFcPXiI/Tqc-pPBaJyI/AAAAAAAABWg/73GC9FH9zcY/h80/16.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:f/gi, "<img src=''http://lh3.ggpht.com/_7wsQzULWIwo/S6z99UcZMKI/AAAAAAAAC9s/p7NVe245uP4/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:g/gi, "<img src='https://lh4.googleusercontent.com/-lPd8HhDElMU/Tqc-qEecofI/AAAAAAAABWo/RycE5yH5dV0/h80/17.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:h/gi, "<img src='https://lh3.googleusercontent.com/-QhWKwj2bUFk/Tqc-qgCxs3I/AAAAAAAABW0/uucxoLZJTPw/h80/18.gif' alt='' class='smiley'/>");
                b.item(i).innerHTML = _str;
            }
    }
}
//]]>
</script>

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

By glok

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