أضافة أبتسامات للصندوق التعليقات بـ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>



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

هناك 14 تعليقًا:

  1. أسف ولكن لم تظهر

    ردحذف
  2. اخى الفاضل تفضل بالدخول للموضوع هذا لو سمحت
    http://www.drossonline.com/2014/05/Burning.dvd.Windows.html?showComment=1399923277490#c5133236774310095504
    وانظر الى صندوق التعليقات فى المدونة اريد توسيع عرض الاضافة شوية
    وكمان لما حد بيعمل رد وفية كود الابتسامة بيظهر الكود لا الابتسامة
    حضرتك لو دخلت لاى موضوع عندى فى المدونة هتعرف قصدى اية
    ارجو الحل
    وشكراااااااااااااا

    ردحذف
  3. :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d :-d

    ردحذف
  4. اخي كيف يمكنني التواصل معك من أجل تصميم قالب

    ردحذف
    الردود
    1. تواصل معي هنا www.facebook.com/alb4dani

      حذف
  5. :( :( :( :( :( :( :( :( :( :(
    ابي الايموشن دا

    ردحذف