U3F1ZWV6ZTQ5ODI5NjAyMzU3X0FjdGl2YXRpb241NjQ1MDA2NDM0MzI=
recent
أخبار ساخنة

اضافة شكل تعليقات احترافي

السلام عليكم اهلا بكم في مقالة جديدة علي موقع  اكاديمية المصطفي لعلوم الكمبيوتر وخدمات الويب اليوم نقدم لكم افضل شكل تعليقات بلوجر شكل احترافي مبدع ولا شك ان شكل المدونة هو ما يجذب الزوار الى المدونة و شكل المدونة هو طريقة عرض التدوينات لابد أن يكون احترافيا حتى يكون سهلا للزائر و شكل تعليقات الزوار اى تعليقات بلوجر تعطى المدونة لمسه جمالية رائعة جدا لذلك لابد من الاهتمام بالمدونة حتى تكون مرجعا للزائر لذلك أقدم لكم كود لتغيير شكل التعليقات الى شكل احترافى جدا و جذاب  شكل التعليقات عامل كبير فى جذب الزوار للتعليق على مشاركاتك واذا كنت تملك تعليقات بلوجر بهذا الشكل الجميل فسوف تجذب كل من يدخل الى مدونتك للتعليق
مشاركات سابقة



  1. اولا نذهب الي لوحة التحكم بمدونتك ثم نختار تحرير Html
  2. يجب التركيز لانك سوف تبدل اكواد بمدونتك 
  3. ناخذ نسخة من القالب نسخة احتياطية
  4. ابحث عن ]]></b:skin>وضع هذا الكود فوقة مباشرة
 
















#comments{
margin-top:15px;
padding:15px;
background-color:#fff;
margin-bottom:30px;
box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
#comments h4{text-align: right;font-weight: 500;font-size: 16px;padding-bottom: 10px;border-bottom: 2px solid #ccc;line-height: 24px;position: relative;color: #0099ff;margin-bottom: 20px;}
#comments h4::before {content: "";position: absolute;height: 2px;width: 32px;background-color: #0099ff;bottom: -2px;left: initial!important;right: 0;}
#comments h4:after {content: "\f0e5";display: block;background-color: #0099ff;font-family: FontAwesome;height: 28px;width: 32px;line-height: 28px;font-size: 14px;text-align: center;border-radius: 2px;float: right;margin-right: 0;margin-left: 10px;color: #FFF;}
.paging-control-container{text-align:center;width:100%;float:right;margin-bottom:20px;margin-top:10px}
.paging-control{background-color:#3B5998;color:#fff;padding:10px;height:40px;line-height:13px;display:inline-block}
.unneeded-paging-control{color:#FFFFFF;background-color:#343434;padding:10px;height:40px;line-height:13px;display:inline-block}
.comment_inner.comment_admin{margin-top:10px}
.comment_header{float:right}
.comment_avatar{width:65px;height:65px;float:right;margin-left:15px}
.comment_avatar img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid #0099ff;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.19);
}
.comment_body{
overflow: hidden;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    background-color: #eee;
    margin-right: 80px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.19);
}
.comment_name{
border-bottom: 1px solid #ccc;
    padding: 5px 10px 0px 5px;
    background-color: #fff;
    overflow: hidden;
line-height: 32px;
}
.comment-content{font-size:15px;color:#555;padding:20px;text-align:justify;background-color:#ddd}
.deleted-comment{font-size:15px;color:#555;display:block;padding:10px 20px 20px 20px}
.comment_author_flag{display:inline-block;width:initial;margin:2px 12px 0 0;color:#FFF;font-size:13px;background:#DD4B39;padding:0 5px 0px 5px;border-radius:2px}
.comment_service{float:left}
.comment-delete{
    padding: 2px 10px;
    display: inline-block;
    border-radius: 2px;
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
    color: #FFFFFF;
    background: #0099ff -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.05) 25%,transparent 25%,transparent 50%,#2dabff 50%,rgba(255, 255, 255, 0) 75%,rgba(230, 70, 70, 0) 75%,transparent);
    line-height: 26px;
    margin-top: 2px;
    font-size: 13px;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.19);
}
#comments .comment_reply{
font-size: 18px;
display: inline-block;
    margin-top: 10px;
    padding: 0;
    color: #fff;
    text-align: center;
width: 100%;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.19);
    background: #0099ff -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.05) 25%,transparent 25%,transparent 50%,#2dabff 50%,rgba(255, 255, 255, 0) 75%,rgba(230, 70, 70, 0) 75%,transparent);
}
.comment_avatar_wrap{width:65px;background:#fcfcfc;text-align:center}
#comments .comment-form p{background:#ddd;padding:0 15px 10px 15px;margin:5px 0 15px;color:rgba(0,0,0,.8);font-size:15px;line-height:normal;border-radius:3px;position:relative;max-width:100%;border:1px solid #ccc}
#emo-box,#hide-emo{display:none}
.small-button a,.small-button1 a{
background: #0099ff -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.05) 25%,transparent 25%,transparent 50%,#2dabff 50%,rgba(255, 255, 255, 0) 75%,rgba(230, 70, 70, 0) 75%,transparent);
color:#fff;font-size:13px;cursor:pointer;margin:15px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;border-radius:3px;display:inline-block;padding:5px 10px;box-shadow:0 1px 2px rgba(0,0,0,0.1)
}
.comment_emo_list .item{
float:right;
display:block;
text-align:center;
margin:5px 5px 0 0;
width:50px;
border-radius:2px;
height:65px
-webkit-transition: -webkit-transform 400ms cubic-bezier(0.175,0.885,0.32,1),box-shadow 400ms cubic-bezier(0.175,0.885,0.32,1);
-moz-transition: -moz-transform 400ms cubic-bezier(0.175,0.885,0.32,1),box-shadow 400ms cubic-bezier(0.175,0.885,0.32,1);
transition: transform 400ms cubic-bezier(0.175,0.885,0.32,1),box-shadow 400ms cubic-bezier(0.175,0.885,0.32,1);
background: #0099ff -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.05) 25%,transparent 25%,transparent 50%,#2dabff 50%,rgba(255, 255, 255, 0) 75%,rgba(230, 70, 70, 0) 75%,transparent);
}
.comment_emo_list span{display:block;margin:5px 0 5px 0;letter-spacing:1px;color:#fff}
.comment_emo{width:25px;height:25px;margin-bottom:-10px}
.comment_wrap{
    background: #fafafa;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #0099ff #0099ff #0099ff #0099ff;
    padding: 10px;
    margin-bottom: 10px;
}
.comment_wrap:before {
    text-align: center;
    position: relative;
    content: 'الردود';
    left: 8px;
    top: -6px;
    font-size: 18px;
    padding: 5px 20px;
    padding-left: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC) no-repeat scroll 0 0 transparent;
}
#comment_block {
    overflow: auto;
    background: #f5f7f7;
    overflow-x: hidden;
}
.comment_inner.comment_admin {
    margin-top: 10px;
}
.comment_date {
    font-size: 14px;
    color: #555;
}
.comment_inner.comment_admin .comment_avatar img {
    border-radius: 0;
    border: 3px solid #375e97;
}
.comment_inner.comment_admin .comment_reply {
    background: #375e97!important;
}
.comment_inner.comment_admin .comment_body {
    border: 1px solid #fff;
}
.comment_inner.comment_admin .comment_name {
    border-bottom: 0 solid #ccc;
    background: #0099ff -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.05) 25%,transparent 25%,transparent 50%,#2dabff 50%,rgba(255, 255, 255, 0) 75%,rgba(230, 70, 70, 0) 75%,transparent);
}
.comment_inner.comment_admin .comment_name a {
    color: #fff;
}
.comment_inner.comment_admin .comment_author_flag {
    background: #385e95;
}
.comment_inner.comment_admin .comment-delete {
    background: #375e97;
}
.comment_inner.comment_admin .comment-content {
    color: #fff;
    background: -webkit-linear-gradient(left, rgba(45, 69, 98, 0.65) 0%, #2d4562 100%), -webkit-linear-gradient(left, #4d90fe 0%, #666 100%);
}



  1. ثم ابحث عن هذا الكود    <b:includable id='comment_picker' var='post'>
  2. ثم نستبدلة بهاذا الكود 
<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>


  1. ثم نقوم بالبحث عن هذا الكود <b:includable id='comments' var='post'>
  2. ثم نقوم باستبدالة بهذا الكود

<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
     
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
     
    <data:post.commentRangeText/>
     
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
     
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
   </span>
      </b:if>
      <div class='clear'/>
      <div id='comment_block'>
        <b:loop values='data:post.comments' var='comment'>
          <div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
            <b:if cond='data:post.adminClass == data:comment.adminClass'>
              <div class=&#39;comment_inner comment_admin&#39;>
              <b:else/> <div class=&#39;comment_inner&#39;>
            </b:if>
            <div class='comment_header'>
              <div class='comment_avatar_wrap'>
                <div class='comment_avatar'>
                  <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
                </div>
                <a class='comment_reply' expr:href='"#r_"+data:comment.anchorName' expr:id='"r"+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='رد'>رد</a>
              </div>
              <div class='clear'/>
            </div>
            <div class='comment_body'>
              <div class='comment_name'>
                <b:if cond='data:comment.authorUrl'>
                  <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'>
                    <data:comment.author/>
                  </a>
                  <b:else/>
                  <data:comment.author/>
                </b:if>
                <b:if cond='data:comment.author == data:post.author'>
                  <span class='comment_author_flag'> الكاتب <i class='fa fa-check-circle' title='Verified Author'/></span>
                </b:if>
                <span class='comment_service'>
      <a class='comment-delete' expr:href='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:comment.id' expr:title='data:top.deleteCommentMsg'>
حذف
</a>               
      <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
                  <data:comment.timestamp/>
        </a></span>
                </span>
              </div>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
                <b:else/>
                <p class='comment-content'>
                  <data:comment.body/>
                </p>
                <div class='clear'/>
              </b:if>
            </div>
            <div class='clear'/> </div>
            <div class='clear'/>
            <div class='comment_child'/>
            <div class='comment_reply_form' expr:id='"r_f_"+data:comment.anchorName'/>
          </div>
        </b:loop>
      </div>
      <div class='clear'/>
      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
        
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
        
       <data:post.commentRangeText/>
        
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
        
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
     </span>
      </b:if>
      <div class='clear'/>
      <div class='comment_form'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='threaded-comment-form'/>
            <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
          <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'>
              <data:postCommentMsg/>
            </a>
          </b:if>
        </b:if>
      </div>
    </b:if>
  </div>
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
 document.write("<scr" + "ipt type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></scr" + "ipt>");
}
//]]>
</script>
<script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>
<script type='text/javascript'>
<b:if cond='data:post.numComments != 0'>
         var Items = <data:post.commentJso/>;
         var Msgs = <data:post.commentMsgs/>;
         var Config = <data:post.commentConfig/>;
        <b:else/>
         var Items = {};
         var Msgs = {};
         var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
        </b:if>
       //<![CDATA[
       //Global setting
        Config.maxThreadDepth = 3;//Kedalaman tingkat threaded comment
        Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
        Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
        Replace_Image_Link = false;//Auto replace link image,  ketik "false" untuk mendisable.
        Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
        //Pengaturan Emoticon
        Emo_List = [
':)'   ,'http://twemoji.maxcdn.com/36x36/1f600.png',
':('   ,'http://twemoji.maxcdn.com/36x36/1f615.png',
'hihi'  ,'http://twemoji.maxcdn.com/36x36/1f601.png',
':-)'   ,'http://twemoji.maxcdn.com/36x36/1f60f.png',
':D'   ,'http://twemoji.maxcdn.com/36x36/1f603.png',
'=D'   ,'http://twemoji.maxcdn.com/36x36/1f62c.png',
':-d'   ,'http://twemoji.maxcdn.com/36x36/1f604.png',
';('   ,'http://twemoji.maxcdn.com/36x36/1f61e.png',
';-('   ,'http://twemoji.maxcdn.com/36x36/1f62d.png',
'@-)'   ,'http://twemoji.maxcdn.com/36x36/1f616.png',
':o' ,'http://twemoji.maxcdn.com/36x36/1f62e.png',   
':>)','http://twemoji.maxcdn.com/36x36/1f606.png',   
'(o)' ,'http://twemoji.maxcdn.com/36x36/1f609.png',   
':p' ,'http://twemoji.maxcdn.com/36x36/1f614.png',   
':-?' ,'http://twemoji.maxcdn.com/36x36/2753.png',
'(p)' ,'http://twemoji.maxcdn.com/36x36/1f619.png',
':-s' ,'http://twemoji.maxcdn.com/36x36/1f625.png',
'8-)' ,'http://twemoji.maxcdn.com/36x36/1f60e.png',
':-t' ,'http://twemoji.maxcdn.com/36x36/1f624.png',
':-b' ,'http://twemoji.maxcdn.com/36x36/1f634.png',
'b-(' ,'http://twemoji.maxcdn.com/36x36/1f635.png',
'(y)' ,'http://twemoji.maxcdn.com/36x36/1f44d.png',
'x-)' ,'http://twemoji.maxcdn.com/36x36/1f60d.png',
'(h)' ,'http://twemoji.maxcdn.com/36x36/1f44f.png', 
'(:V)' ,'https://static.xx.fbcdn.net/images/emoji.php/v7/ef4/1/24/PACMAN.png', 
        ];
                                //Config Force tag list, define all in lower case
                                Force_Tag = [
                                    '[pre]','<pre>',
                                    '[/pre]','</pre>',
                                    '<pre class="brush: plain; title: ; notranslate" title="">','<code>',
                                    '</pre>','</code>'
                                ];
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c]);return p}('3 o='.1c';3 1b=$('#O-19').G('A');u 1l(F){3 1j=' \n\r\t\f\1D\1G\1F\1E\2l\2k\2i\2f\2c\26\25\23\1Y\1S\1N\1L\1H\2v\1M\2p\24\22\1R';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$('#1P .1i p').j(u(y,7){9(1J){3 l='1v://13.V.W/1y?v=';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d('&');3 N='';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r='<1u B="1T" A="1v://13.V.W/1U/'+N+'?1V=1" 1W="0" 2w></1u>';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l='1Z://13.V.W/1y?v=';8=7.d(l)}}}9(21){3 Z='';3 s=7;E(3 i=0;i<1w.5;i++){3 l='.'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q='2h://';3 w=m.d(q);3 I='';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q='2n://';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==''||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+'<10 A="'+k+'" B="2r"/>';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S='<10 A="'+x[i+1]+'" B="1B"/>';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$('.1K').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12='';E(3 i=0;i<5;i+=2){3 1e='<1f>'+x[i]+'</1f>';3 S='<10 A="'+x[i+1]+'" B="1B"/>';12+='<Q B="1O">'+S+1e+'</Q>'}z 12}});$('.1g .1i p').j(u(i,h){T=h.M();y=T.d('@<a U="#c');9(y!=-1){14=T.d('</a>',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d('c');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g='&1X='+g+'#%1n';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j('');o='.1c';$(o).j(j);$('#O-19').G('A',1b)}u 1q(e){g=$(e).G('15');g=1k(g);j=$(o).j();9(o=='.1c'){1s='<a U="#1t" 27="1p()">'+28.29+'</a><a 2a="1t"/>';$(o).j(1s)}Y{$(o).j('')}o='#2b'+g;$(o).j(j);$('#O-19').G('A',1m(g))}16=2d.2e.U;17='#O-2g';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q('#2j'+1x)}E(3 i=0;i<P.5;i++){9('1z'2m P[i]){3 g=P[i].1z;3 1a=2o($('#c'+g+':L').G('1C'));$('#c'+g+' .2q:L').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$('#c'+H+':L .2u').1h()}3 K=$('#c'+H+':L').j();K='<Q B="1g" 15="c'+H+'" 1C="'+(1a+1)+'">'+K+'</Q>';$('#c'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{})) 
var avatar=$("#comments");avatar.find('.comment_avatar img').each(function() {var ava = $(this).attr('src');$(this).show().attr('src', ava.replace(//s[0-9]+(-c)?//,"/s45-c/"));});
//]]>
</script>
</b:includable> 

  1. والان مع اخر خطوة
  2. نقوم بالبحث عن هذا الكود <b:includable id='threaded-comment-form' var='post'>
  3. ونقوم باستبدالة بهذا الكود

<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/><br/>
<span class='small-button1'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='الأبتسامات'>الأبتسامات</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title=' أخفاء الأبتسامات'>أخفاء الأبتسامات</a></span>
</span>
</p>
<div id='emo-box'><div class='comment_emo_list'/></div>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable> 


  1. والان نقوم بحفط القالب
  2. ومبروك عليك شكل الاضافة
  3. واللي اللقاء في دروس جديدة ..... انشاء الله

































ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

الاسمبريد إلكترونيرسالة