مستر ابوعلى مستر ابوعلى
recent

آخر الأخبار

recent
random
جاري التحميل ...

إضافة نظام الثلاث تعليقات ( بلوجر - ديسكس - فيسبوك) بشكل رائع مثل مدونة مستر ابوعلي

السلام عليكم ورحمة الله وبركاتة متابعي مدونة حوحو ا الأعزاء ، أقدم لكم شرح كيفية دمج تعليقات ( بلوجر - ديسكس - فيسبوك) معاً  بشكل رائع وذلك لأن هناك الكثير من الزوار يفضلون استخدام نظام معين من التعليقات فهناك من يفضل التعليق بحسابة علي فيسبوك وهناك من يفضل التعليق بحسابة بلوجر وهناك من يفضل التعليق بحسابة علي ديسكس ولذلك أحببت أن أقدم لكم اليوم طريقة دمج تعليقات ( بلوجر - ديسكس - فيسبوك) كما هي موجودة في مدونتي لكي لا أطيل عليكم نتجة إلي الشرح مباشرة.

طريقة  التركيب: 


أولا: قم بالبحث عن الوسم <head/> أضف الكود التالي فوقة.


<b:if cond='data:blog.pageType != "index"'>
<style type='text/css'>
.comments .comments-content .comment-content{background: #fff;color: #555;}
.comment{padding:0!important;margin:0!important;font-size:.875rem}.comments .comment-block{background-color:#fff;margin-left:48px;position:relative}html[dir="rtl"] .comments .comment-block{margin-left:0}
.comments .thread-toggle {display: inline-block;margin-bottom: 27px;}
.comment-header{background:url(https://2.bp.blogspot.com/-Tli7X-Epbus/V5ENQ3om9hI/AAAAAAAAAWc/xsCPHqTOTIQeJu8ZEaXmFIIGoMyxnyyPACLcB/s1600/tr.png) rgba(0, 0, 0, 0) no-repeat;padding:10px 20px;border-bottom:1px solid #243750;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);;}.comments .comments-content .datetime{font-weight: 900;float:left}.blog-author a{color:#333;font-family:inherit;font-style:normal}.comment-content{padding:10px 20px;line-height:1.8}.comment-actions{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0);text-align:left;padding:10px 20px;background-color:#fff;display:block;width:100%}.comments .avatar-image-container{float:right;max-height:100px;overflow:hidden;width:100px}.comments .avatar-image-container img{margin-right: 1%;max-width:100px;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);border-radius: 50%;height: 55px;}.comments ol{list-style:none}.comments .comment-block{margin-right:70px;position:relative}.comment-actions a,.comments .continue a{font-weight: 900;background:#243750;position: relative;cursor: pointer;display: inline-block;overflow: hidden;user-select: none;transition: .3s ease-out;text-decoration: none;color: #fff;height: 25px;line-height: 14px;vertical-align: middle;-webkit-tap-highlight-color: transparent;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);text-align: center;border-radius: 3px;width: 55px;margin-left: 10px;}.comments .loadmore{display:none}.wrap-tab li {padding: 0;}
/* comments tab */
.disqus-tab{background:#ffffff;padding:10px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.23);margin-bottom:10px}
.comments-Genius h3{ margin-bottom:6px; text-align:center; font-size:17px}
.comments-Genius{overflow: hidden;background: #ffffff;padding: 10px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 5px 0 rgba(0,0,0,.23);margin-bottom: 10px;;font-family: GESSTwoLight;}
.comments-Genius ul li a{display: block; color: #fff; height: 42px; font-size: 16px; transition: 0.2s; border-radius: 3px; margin-left: 6px; text-transform: capitalize; background:linear-gradient(to bottom, #182848 0%, #120e28 100%); line-height: 42px;    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2)}
.tab-content{background:#fff; padding:12px; overflow:hidden; border-top:1px solid #eee}
.comments-Genius ul li{ display:inline-block; text-align:center; width: 33.2%;}
a.activeTab { background:linear-gradient(to bottom, #0082c8 0%, #667db6 100%)!important}
#comments{margin-top:15px;padding:15px;float:right;width:100%;background-color:#fff;margin-bottom:30px;box-shadow:0 0 0 1px #9e2f5e}
#comments:hover{transition:all 250ms ease-in-out}
#comments h4{text-align:right;font-weight:500;font-size:15px;padding-bottom:10px;border-bottom:2px solid #ccc;line-height:24px;position:relative;color:#9e2f5e;margin-bottom:20px;font-family:changa}
#comments h4::before{content:"";position:absolute;height:2px;width:32px;background-color:#7986cb;bottom:-2px;left:initial!important;right:0}
#comments h4:after{content:"\f0e5";display:block;background-color:#24243e;font-family:mokaAwesome;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;font-family: changa;}
.paging-control{background-color:#182848;color:#fff;padding:10px;height:40px;line-height:13px;display:inline-block;font-family: changa;font-size: 14px;}
.unneeded-paging-control{color:#FFFFFF;background-color:#9e2f5e;padding:12px;height:40px;line-height:13px;display:inline-block;font-family:changa;font-size: 14px}
.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 #7986cb}
.comment_body{overflow:hidden;border:1px solid #ccc;margin-bottom:20px;background-color:#eee;margin-right:80px}
.comment_name{font-family:changa;border-bottom:1px solid #ccc;padding:0 20px 0 0;height:40px;line-height:32px;background-color:#fff}
.comment-content{font-family:changa;font-size:15px;color:#555;padding:20px;text-align:justify;background-color:#ddd}
.deleted-comment{font-size:12px;color:#555;display:block;padding:10px 20px 20px 20px;font-family: changa;}
.comment_author_flag{font-family:changa;display:inline-block;width:initial;margin:2px 12px 0 0;color:#ffffff;font-size:13px;background:#9e2f5e;padding:0 6px 3px 6px;border-radius:2px}
.comment_service{float:left}
.comment-delete{font-family:changa;font-size:13px;background:#120e28;padding:2px 10px;display:inline-block;border-radius:2px;float:left;margin-right:5px;margin-left:10px;margin-bottom:10px;color:#FFFFFF;height:35px;line-height:26px;margin-top:2px}
.comment_date{font-family:changa;font-size:14px;color:#555}
#comments .comment_reply{display:inline-block;margin-top:10px;padding:1px 7px;color:#fff;text-align:center;background:#120e28;height:30px;line-height:17px;width:100%;font-family: changa;}
.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{font-family:changa;background:#120e28;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;background: linear-gradient(to bottom, #182848 0%, #120e28 100%);border-radius:2px;height:70px;font-family: changa}
.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{padding-right:80px}
.comment_inner.comment_admin .comment_name{background-color:#120e28;border-bottom:0 solid #ccc}
.comment_inner.comment_admin .comment-content{background-color:#9e2f5e;color:#fff}
.comment_inner.comment_admin .comment_author_flag{background:#9e2f5e}
.comment_inner.comment_admin .comment-delete{background:#9e2f5e}
.comment_inner.comment_admin .comment_name a{color:#fff}
.comment_inner.comment_admin .comment_body{border:1px solid #120e28}
.comment_inner.comment_admin .comment_avatar img{border-radius:0;border:3px solid #120e28}
.comment_inner.comment_admin .comment_reply{background:#120e28!important}
.comments-moka a{background:linear-gradient(to bottom, #182848 0%, #120e28 100%);font-family:changa;color:#fff;display:block;text-align:center;padding:10px;margin-bottom:20px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.23);transition:all 0.8s ease-out;font-size:17px;}
.comments-moka a:hover{color:#fff;background:linear-gradient(to bottom, #9e2f5e 0%, #210913 100%)}
/* ====== Responsive comments ====== */
@media print {#comments {display:none !important;}}
@media screen and (max-width:1024px){
.comments-Genius ul li{width: 100% !important;margin-bottom: 1%;}
.comments-content{display: none;}}

  </style>
  </b:if>
  <link href='https://fonts.googleapis.com/css?family=Changa' rel='stylesheet' type='text/css'/>
<link href='https://ahmedsha7ata.github.io/mokacss/GESSTwoLight.css' rel='stylesheet' type='text/css'/>

ثانيا: قم بالبحث عن الكود  <b:includable id='comment_picker' var='post'> ثم قم بتحديد الكود كاملا كما موضح في الصورة التالية.
والان قم مسحة وأستبدالة بالكود التالي.
 <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>

ثالثا: قم بالبحث عن الكود  <b:includable id='comments' var='post'> ثم قم بتحديد الكود كاملا كما موضح في الصورة التالية.

والان قم بمسحة وأستبدالة بالكود التالي.
 <b:includable id='comments' var='post'>
   <div class='comments' id='comments'>
    <b:if cond='data:post.allowComments'>
         <h4>
            <b:if cond='data:post.numComments == 0'>
              <span itemprop='interactionCount'>
                0
              </span>
              تعليق على موضوع : 
              <data:blog.pageName/>
            </b:if>
            <b:if cond='data:post.numComments == 1'>
              <span itemprop='interactionCount'>
                1
              </span>
              تعليق على موضوع : 
              <data:blog.pageName/>
            </b:if>
            <b:if cond='data:post.numComments > 1'>
              <span itemprop='interactionCount'>
                <data:post.numComments/>
              </span>
              تعليق على موضوع : 
              <data:blog.pageName/>
            </b:if>
          </h4>
  <li class='comments-moka'>
   <a href='#comment-editor'>اضافة تعليق</a>
  </li>
      <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='comment_inner comment_admin'>
              <b:else/> <div class='comment_inner'>
            </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 + "&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[
eval(function(e,t,r,n,i,c){if(i=function(e){return e.toString(t)},!"".replace(/^/,String)){for(;r--;)c[i(r)]=n[r]||i(r);n=[function(e){return c[e]}],i=function(){return"\\w+"},r=1}for(;r--;)n[r]&&(e=e.replace(new RegExp("\\b"+i(r)+"\\b","g"),n[r]));return e}("6(c 8=='f'){j['k']('<2'+'3\\9=\\a/b\\0\\d=\\e://4.g.h/4/i/5/1.7.1/5.l.m\\0></2'+'3>')}",23,23,"x22||scr|ipt|ajax|jquery|if||jQuery|x20type|x22text|javascript|typeof|x20src|x22http|undefined|googleapis|com|libs|document|write|min|js".split("|"),0,{}));
//]]>
</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 = {'maxThreadDepth':'0'};
        </b:if>
       //<![CDATA[
eval(function(e,f,t,n,a,r){if(a=function(e){return(f>e?"":a(parseInt(e/f)))+((e%=f)>35?String.fromCharCode(e+29):e.toString(36))},!"".replace(/^/,String)){for(;t--;)r[a(t)]=n[t]||a(t);n=[function(e){return r[e]}],a=function(){return"\\w+"},t=1}for(;t--;)n[t]&&(e=e.replace(new RegExp("\\b"+a(t)+"\\b","g"),n[t]));return e}("1d['L']=1g;f=!![];g=![];i=![];k=![];r=['C','F','I','P'];19=[':)','6://2.3.4/5/j.0',':(','6://2.3.4/5/l.0','m','6://2.3.4/5/n.0',':-)','6://2.3.4/5/q.0',':D','6://2.3.4/5/u.0','=D','6://2.3.4/5/v.0',':-d','6://2.3.4/5/w.0',';(','6://2.3.4/5/z.0',';-(','6://2.3.4/5/A.0','@-)','6://2.3.4/5/B.0',':o','6://2.3.4/5/E.0',':&a;)','6://2.3.4/5/G.0','(o)','6://2.3.4/5/H.0',':p','6://2.3.4/5/J.0',':-?','6://2.3.4/5/K.0','(p)','6://2.3.4/5/1i.0',':-s','6://2.3.4/5/M.0','8-)','6://2.3.4/5/N.0',':-t','6://2.3.4/5/O.0',':-b','6://2.3.4/5/Q.0','b-(','6://2.3.4/5/R.0','(y)','6://2.3.4/5/S.0','x-)','6://2.3.4/5/T.0','(h)','6://2.3.4/5/U.0','(:V)','W://X.Y.Z.10/11/12.13/14/15/1/16/17.0'];18=['[7]','<7>','[/7]','</7>','<7\\1a=\\1b:\\1c;\\e:\\1e;\\1f\\9\\e=\\9\\9>','&1h;c&a;','</7>','</c>'];",62,81,"png||twemoji|maxcdn|com|36x36|http|pre||x22|gt||code||x20title|Display_Emo|Replace_Youtube_Link||Replace_Image_Link|1f600|Replace_Force_Tag|1f615|hihi|1f601|||1f60f|Replace_Image_Ext|||1f603|1f62c|1f604|||1f61e|1f62d|1f616|JPG||1f62e|GIF|1f606|1f609|PNG|1f614|2753|maxThreadDepth|1f625|1f60e|1f624|BMP|1f634|1f635|1f44d|1f60d|1f44f||https|static|xx|fbcdn|net|images|emoji|php|v7|ef4|24|PACMAN|Force_Tag|Emo_List|x20class|x22brush|x20plain|Config|x20|x20notranslate|0x3|lt|1f619".split("|"),0,{}));
eval(function(f,x,e,c,t,i){if(t=function(f){return(x>f?"":t(parseInt(f/x)))+((f%=x)>35?String.fromCharCode(f+29):f.toString(36))},!"".replace(/^/,String)){for(;e--;)i[t(e)]=c[e]||t(e);c=[function(f){return i[f]}],t=function(){return"\\w+"},e=1}for(;e--;)c[e]&&(f=f.replace(new RegExp("\\b"+t(e)+"\\b","g"),c[e]));return f}("2L(B(1E,1F,p,1D,t,1M){t=B(A){1C(A<1F?'':t(2h(A/1F)))+((A=A%1F)>2I?25['2M'](A+2P):A['2Z'](32))};1O(!''['1G'](/^/,25)){1R(p--)1M[t(p)]=1D[p]||t(p);1D=[B(27){1C 1M[27]}];t=B(){1C'\\2R+'};p=2S};1R(p--)1O(1D[p])1E=1E['1G'](2T 2U('\\2a'+t(p)+'\\2a','g'),1D[p]);1C 1E}('3\\2K=\\f.1c\\f;3\\2O=$(\\f#O-19\\f).G(\\1N\\f);u\\2V(F){3\\30=\\f\\1B\\33\\34\\35\\39\\3b\\3d\\3e\\3h\\3j\\3l\\3m\\3q\\3r\\3s\\3B\\3C\\3D\\3M\\43\\5Z\\65\\2y\\2z\\2B\\2C\\2D\\2E\\f;E(3\\1p=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z\\2W}$(\\f#1P\\1B.1i\\24\\f).j(u(y,7){9(1J){3\\2c=\\36://13.V.W/1y?v=\\f;3\\23=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3\\3t=J.d(\\f&\\f);3\\3y=\\f\\f;9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3\\3F=\\f<1u\\1v=\\48\\n\\1H=\\66://13.V.W/1U/\\f+N+\\f?1V=1\\n\\2p=\\2r\\n\\2v></1u>\\f;7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\\2w://13.V.W/1y?v=\\f;8=7.d(l)}}}9(21){3\\2x=\\f\\f;3\\1Z=7;E(3\\1p=0;i<1w.5;i++){3\\2c=\\f.\\f+1w[i];3\\2A=s.C();3\\23=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3\\2F=\\2G://\\f;3\\2H=m.d(q);3\\2J=\\f\\f;D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\\2N://\\f;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==\\f\\f||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\\f<10\\1H=\\n\\f+k+\\f\\n\\1v=\\2Q\\n/>\\f;s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3\\1L=x.5;9(5%2==1){5--}E(3\\1p=0;i<5;i+=2){3\\2i=\\f<10\\1H=\\n\\f+x[i+1]+\\f\\n\\1v=\\2k\\n/>\\f;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\\1L=R.5;9(5%2==1){5--}E(3\\1p=0;i<5;i+=2){D(1){3\\1Z=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\\2X});$(\\f.1K\\f).j(u(y,7){9(1A){3\\1L=x.5;9(5%2==1){5--}3\\1Y=\\f\\f;E(3\\1p=0;i<5;i+=2){3\\2Y=\\f<1f>\\f+x[i]+\\f</1f>\\f;3\\2i=\\f<10\\1H=\\n\\f+x[i+1]+\\f\\n\\1v=\\2k\\n/>\\f;12+=\\f<Q\\1v=\\31\\n>\\f+S+1e+\\f</Q>\\f}z\\1Y}});$(\\f.1g\\1B.1i\\24\\f).j(u(i,h){T=h.M();y=T.d(\\f@<a\\22=\\n#c\\f);9(y!=-1){14=T.d(\\f</a>\\f,y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z\\37});u\\38(g){r=g.d(\\3a\\f);9(r!=-1)g=g.b(r+1);z\\26}u\\3c(g){g=\\f&1X=\\f+g+\\f#%1n\\f;1o=1b.20(/#%1n/,g);z\\3f}u\\3g(){j=$(o).j();$(o).j(\\f\\f);o=\\f.1c\\f;$(o).j(j);$(\\f#O-19\\f).G(\\1N\\f,1b)}u\\3i(e){g=$(e).G(\\3k\\f);g=1k(g);j=$(o).j();9(o==\\f.1c\\f){1s=\\f<a\\22=\\n#1t\\n\\2n=\\3n()\\n>\\f+28.29+\\f</a><a\\3o=\\3p\\n/>\\f;$(o).j(1s)}Y{$(o).j(\\f\\f)}o=\\f#2b\\f+g;$(o).j(j);$(\\f#O-19\\f).G(\\1N\\f,1m(g))}16=2d.2e.U;17=\\f#O-2g\\f;18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\\f#2j\\f+1x)}E(3\\1p=0;i<P.5;i++){9(\\3u\\3v\\3w[i]){3\\26=P[i].1z;3\\3x=2o($(\\f#c\\f+g+\\f:L\\f).G(\\3z\\f));$(\\f#c\\f+g+\\f\\1B.2q:L\\f).j(u(y,7){3\\3A=P[i].15;9(1a>=2s.2t){$(\\f#c\\f+H+\\f:L\\1B.2u\\f).1h()}3\\3E=$(\\f#c\\f+H+\\f:L\\f).j();K=\\f<Q\\1v=\\3G\\n\\3H=\\3I\\f+H+\\f\\n\\3J=\\n\\f+(1a+1)+\\f\\n>\\f+K+\\f</Q>\\f;$(\\f#c\\f+H).1h();z(7+K)})}}',3K,3L,'|||1S||3N||3O|3P|1O||3Q||3R|||3S|||3T|3U|3V|3W||3X||3Y||3Z||B||40|41|42|1C|1T|44|45|1R|46|47|1W|49|4a|4b|4c|4d|4e|4f|4g|4h|4i|4j|4k|4l|4m|4n|4o|4p|4q|4r|4s|4t|4u|4v|4w|4x|4y|4z|4A|4B|4C|4D|4E|4F|4G|4H|4I|4J|4K|4L|4M|4N|4O|4P|4Q|4R|4S|4T|4U|4V|4W|4X|4Y|4Z|50|51|52|53|54|55|56|57|58|59|5a|5b|5c|5d|5e|5f|5g|5h|5i|5j|5k|5l|5m|5n|5o|5p|5q|5r|1G|5s|5t|5u|5v|5w|5x|5y|5z|5A|5B|5C|5D|5E|5F|5G|5H|5I|5J|5K|5L|5M|5N|5O|2h|5P|5Q|5R|5S|5T|5U|5V|5W'['5X']('|'),5Y,{}));1S 2l=$('#60');2l['61']('.62\\63')['64'](B(){1S 2m=$(2f)['1W']('1T');$(2f)['67']()['1W']('1T',2m['1G'](/\\/s[0-9]+(\\-c)?\\//,'/68-c/'))});",62,381,"|||||||||||||||x27||||||||x22||_0x50f2f3||||_0x9c8fa9|||||||_0x54ac65|function||||||||||||||||||||||||||||||||||||||||||||||||||x20i||||||x20B||||||x20|return|_0x5b4147|_0x273b5a|_0x4deca0|replace|x20A||||x205|_0x42cf1a|x27A|if|||while|var|src|||attr||x2012|x20s|||x20U|x208|x20p|String|x20g|_0xc3cb18|||x5cb||x20l|||this||parseInt|x20S||x221B|avatar|_0x3c6445|x2027||x201W||x220||||x202w|x271Z|x20Z|x5c2v|x5c1M|x20m|x5c2p|x5c24|x5c22|x5c1R|x20q|x272h|x20w|0x23|x20I|x20o|eval|fromCharCode|x272n|x201b|0x1d|x222r|x5cw|0x1|new|RegExp|x201l|x20F|x207|x201e|toString|x201j|x221O|0x24|x5cn|x5cr|x5ct|x271v|x20h|x201k|x5cf|x27c|x5c1D|x201m|x5c1G|x5c1F|x201o|x201p|x5c1E|x201q|x5c2l|x2715|x5c2k|x5c2i|x221p|x202a|x221t|x5c2f|x5c2c|x5c26|x20X|x271z|x272m|x20P|x201a|x20N|x271C|x20H|x5c25|x5c23|x5c1Y|x20K|x201r|x221g|x2015|x22c|x201C|0x3e|0x9d|x5c1S|length|oldhtml|check_index|substring|indexOf|par_id|html|img_src|search_key|upper_html|Cur_Cform_Hdr|http_search|temp_html|find_http|Emo_List|index|x5c1N|class|toUpperCase|for|str|x221T|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_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|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen|split|0x0|x5c1L|comments|find|comment_avatar|x20img|each|x5c1H|x221v|show|s45".split("|"),0,{}));
//]]>
</script>
</b:includable> 


رابعا: قم بالبحث عن الكود  <b:includable id='threaded-comment-form' var='post'> ثم قم بتحديد الكود كاملا كما موضح في الصورة التالية.
.
والان قم بمسحة وأستبدالة بالكود التالي.


 <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('emo-box').style.display='inline-block';document.getElementById('hide-emo').style.display='inline-block';document.getElementById('show-emo').style.display='none'' title='الأبتسامات'>الأبتسامات</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='none';document.getElementById('hide-emo').style.display='none';document.getElementById('show-emo').style.display='inline-block'' 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('<data:post.appRpcRelayPath/>');
    </script>
  </div>
</b:includable>


خامسا: قم بوضع هذا الكود أسفل المواضيع كما موضح في الصورة التالية.

<!--Start Comments system -->
 <div style='clear: both;'/>
  <b:section id='facebook.disqus.blogger' showaddelement='no' title='نظام التعليقات'>
  <b:widget id='HTML901' locked='true' title='نظام التعليقات' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'></b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
          <b:if cond='data:blog.pageType == "item"'>
            <b:if cond='data:content == "[blogger]"'>
              <div class='comments-Genius'>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[facebook]"'>
              <div class='comments-Genius'>
                <div data-tab='facebook'><div class='facebook-tab'/></div>
              </div>
              <script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>    
            </b:if>
            <b:if cond='data:content == "[disqus]"'>
              <div class='comments-Genius'>
                <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
              </div>
              <script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>
            </b:if>
            <b:if cond='data:content == "[blogger][facebook]"'>
              <div class='comments-Genius'>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[blogger][disqus]"'>
              <div class='comments-Genius'>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[facebook][blogger]"'>
              <div class='comments-Genius'>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[facebook][disqus]"'>
              <div class='comments-Genius'>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
              <script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>
              </div>
            </b:if>
            <b:if cond='data:content == "[disqus][blogger]"'>
              <div class='comments-Genius'>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[disqus][facebook]"'>
              <div class='comments-Genius'>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
              </div>
              <script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>
            </b:if>
            <b:if cond='data:content == "[blogger][facebook][disqus]"'>
              <div class='comments-Genius'>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[blogger][disqus][facebook]"'>
              <div class='comments-Genius'>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[facebook][blogger][disqus]"'>
              <div class='comments-Genius'>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[facebook][disqus][blogger]"'>
              <div class='comments-Genius'>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[disqus][blogger][facebook]"'>
              <div class='comments-Genius'>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[disqus][facebook][blogger]"'>
              <div class='comments-Genius'>
                <div data-tab='تعليقات ديسكس'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='تعليقات الفيسبوك'><div class='facebook-tab'/></div>
                <div data-tab='تعليقات بلوجر'><div class='blogger-tab'/></div>
              </div>
            </b:if>
            <div id='fb-root'/><script>(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/ar_AR/sdk.js#xfbml=1&version=v2.0";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><script>$(".facebook-tab").append("<div class='fb-comments' data-href='<data:blog.canonicalUrl/>' data-width='100%' data-numposts='5' data-colorscheme='light'></div>");</script>
          </b:if>
        </b:includable>
  </b:widget>
  <b:widget id='HTML902' locked='true' title='معرف تطبيق ديسكس' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>moka-tech</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
          <b:if cond='data:blog.pageType == "item"'>
            <script type='text/javascript'>
            var disqus_shortname = '<data:content/>';
             (function() {
              var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
              dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
              (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
              })();
            </script>
          </b:if>
        </b:includable>
  </b:widget>
  </b:section>
  <div style='clear: both;'/>
<!--End Comments system -->


سادسا : قم بالبحث عن الوسم </body> وأضف الكود التالي فوقة.


<script type='text/javascript'>/*<![CDATA[*/
eval(function(e,n,d,i,a,r){if(a=function(e){return(n>e?"":a(parseInt(e/n)))+((e%=n)>35?String.fromCharCode(e+29):e.toString(36))},!"".replace(/^/,String)){for(;d--;)r[a(d)]=i[d]||a(d);i=[function(e){return r[e]}],a=function(){return"\\w+"},d=1}for(;d--;)i[d]&&(e=e.replace(new RegExp("\\b"+a(d)+"\\b","g"),i[d]));return e}("$('#C')['X']('.12-9');(1(6){6['11']['r']=1(0){0=E['10']({'p':q,'g':s,'f':h,'e':h,'n':s,'t':s,'b':1(){},'c':1(){},'G':1(){}},0);H 8['A'](1(){B 2=6(8),4=2['Z']('[F-9]'),o=0['p']-q;2['i']('r')['Y']('<x\\W=\\U-j\\S\\u></x>');4['i']('9-O')['A'](1(){6(8)['c']();2['w']('.9-j')['V']('<I><a\\K=\\u#\\u>'+6(8)['F']('9')+'</a></I>')})['3'](o)['b']();2['w']('.9-j\\L')['M']('N',1(){B 5=6(8)['P']()['Q']();6(8)['R']('.9-j')['w']('.k')['T']('k');6(8)['i']('k');7(0['g']=='J'){7(4['3'](5)['l'](':m')){4['y'](0['e'],0['t'],1(){0['c']['d'](2)})['3'](5)['z'](0['f'],0['n'],1(){0['b']['d'](2)})}}v{7(0['g']=='D'){7(4['3'](5)['l'](':m')){4['c']()['3'](5)['13'](0['f'],0['n'],1(){0['b']['d'](2)})}}v{7(0['g']=='14'){7(4['3'](5)['l'](':m')){4['y'](0['e'],0['t'],1(){0['c']['d'](2)})['3'](5)['15'](0['e'])['z'](0['f'],0['n'],1(){0['b']['d'](2)})}}v{7(4['3'](5)['l'](':m')){4['c']()['3'](5)['b']()}}}}0['G']['d'](2);H![]})['3'](o)['i']('k')})}}(E));$('.C-16')['r']({'p':q,'g':'D','f':h,'e':h});",62,69,"_0x2d9d00|function|_0x7d4d2d|eq|_0x9f6716|_0x2023d0|_0x11d95f|if|this|tab||show|hide|call|hideSpeed|showSpeed|fx|0x190|addClass|wrapper|activeTab|is|hidden|showEasing|_0x4fad1f|active|0x1|simpleTab|null|hideEasing|x22|else|find|ul|slideUp|slideDown|each|var|comments|fade|jQuery|data|change|return|li|slide|x20href|x20a|on|click|content|parent|index|closest|x20clearfix|removeClass|x22tab|append|x20class|appendTo|prepend|children|extend|fn|blogger|fadeIn|fancyslide|delay|Genius".split("|"),0,{}));
//]]>
</script>
والأن قم بحفظ القالب  .
  • يمكنك اختيار نظام التعليقات بسهوله بكتابة أسماء المواقع المراد اظهار تعليقاتها بالشكل التالي :
  • قم بالذهاب إلى التخطيط.
  • نضغط تحرير عنصر نظام التعليقات .
  • نقوم باختيار الترتيب الذي نريد ظهور شكل التعليقات به ، كما في الأمثلة التاليه :
[blogger][disqus][facebook]

[disqusp][blogger][facebook]

[blogger][disqus]

[blogger]

طريقة جلب معرف قناة disuqs  :

قم بالذهاب إلى هذا الرابط  ..
اضغط على "Edit Settings" وقم باختيار قناة مدونتك الحاليه .
مرر الصفحة حتى تصل إلى Shortname .. وانسخ الاسم المشار إليه في الصوره : 

عن الكاتب

أحمد شحاتة

التعليقات


اتصل بنا

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

عن الموقع

السلام عليكم ورحمه الله وبركاته , الصلاه والسلام علي رسول الله صل الله عليه وسلم موقع مستر ابوعلى : موقع تقنية يحتوى على مجموعة دروس ودورات فى مجالات تقنية مختلفة مثل دروس انظمة التشغيل والبرامج والالعاب وبلوجر وفوتوشوب وتطبيقات اندوريد والربح من الانترنت وغيره من الشروحات المميزة تأسيس موقع مستر ابوعلى عام 2013 وبفضل الله نال اعجاب الكثير مؤسس الموقع مستر ابوعلى مدون مصرى

حمل تطبيقنا

تغريداتي علي التويتر

جميع الحقوق محفوظة

مستر ابوعلى