تغير شكل التعليقات v3


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

avatar شرح طريقة التركيب
الخطوة الاولى
  1.  خذ نسخة احتياطية من القالب لتجنب حدوث اى مشاكل او اخطاء (لوحة التحكم => قالب => نسخ احتياطى / استعادة => تنزيل النموذج الكامل)
  2.  افتح القالب من تحرير html
  3.  إبحث عن <b:includable id='comments' var='post'>...</b:includable> ثم غيره بالكود التالي 
* ملاحظة : إذ لم تجده إبحث عن <b:includable id='comments' var='post'>


<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<div class='menu-komentar'>
<h3>
  <i class='fa fa-comments'/> <b:if cond='data:post.numComments == 1'>
        1 <data:commentLabel/>:
      <b:else/>
        <data:post.numComments/> <data:commentLabelPlural/>:
      </b:if>
    </h3>
<a class='ripple' href='javascript:;' id='showkomentarmenu'><i class='fa fa-ellipsis-v'/></a>
</div>
<div id='komentarmenu'>
  <li><a class='waves-effect' href='#comment-form' title='Add Comments'>اضافة تعليق</a></li>
  <li><a class='showmore waves-effect' href='javascript:;' title='More Settings'>اظهار التاريخ</a></li>
</div>
<b:if cond='data:post.allowComments'>           
         <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>
           &#160;
           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           &#160;
           <data:post.commentRangeText/>
           &#160;
           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           &#160;
           <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 data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName'> 
            <b:if cond='data:post.adminClass == data:comment.adminClass'>
             &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
            <b:else/>
             &lt;div class=&#39;comment_inner&#39;&gt;
            </b:if>
 <b:if cond='data:comment.isDeleted'>
  <b:else/>
<div id='comment_box'>
             <div class='comment_header'>
             <div class='comment_avatar'>
      <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
              </div>
                    
             </div> 
              <div class='comment_service'>
  <div class='comment_name'>
               <b:if cond='data:comment.authorUrl'>
                <a class='namamu' expr:href='data:comment.authorUrl' 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-user'/></span>
               </b:if> 
</div>
 </div>
             <div class='comment_body'>
              <span class='comment_arrow'/>
               <p><data:comment.body/></p>
<span class='bnm'>
<a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
<img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicAloAlKSQ1BYN22A_AjwOxqVqsG7xzOT-ylbDqSKsfH3lIH3QnsIAM_iBHYuLPQq9Hkjm1PsnFukRXm6Pt4qLa7aP51qYpWiprJd8Hlgrw40lIbl1xpdWVG7T3Xir4rwkUNZz5mDaeEM/s1600/delete4.png' title='Hapus Komentar'/>
</a>
<a expr:href='data:comment.url' rel='nofollow' title='permalink'><span class='comment_date'><data:comment.timestamp/></span></a>
  </span> 
 <div class='comment_intime'>
<div class='comment_reply'>
  <a class='ripple btn' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)'>رد</a></div> 
               </div>
<div class='clear'/>                                                                                        
             </div>
<div class='clear'/>
</div>
</b:if>
<b:if cond='data:comment.isDeleted'>
  <span class='deleted-comment'>
    <data:comment.body/>
  </span>
</b:if>  
              <div class='clear'/>
            &lt;/div&gt;
            <div class='clear'/>
            
            <div class='comment_child'/>
            <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+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>
           &#160;
           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           &#160;
           <data:post.commentRangeText/>
           &#160;
           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           &#160;
           <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/>
             <span class='no-comment'><data:post.noNewCommentsText/></span>
           </b:if>
          <b:else/>
           <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><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' expr:src='data:post.commentSrc' 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 = 5;//How threaded level that you want
        Display_Emo = true;//Display emoticon or not? set "false" to no display
        Replace_Youtube_Link = true;//Auto replace youtube link to iframe embedded, choose "false" to disable
        Replace_Image_Link = true;//Auto replace an image link  choose "false" to disable.
                                Replace_Force_Tag = true;//Auto replace an virtual tag example: [pre] to <pre>, and [/pre] </pre>, If user input wrong , your layout will be gone. Then becare ful when enable this trap
        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),only effect when Replace_Image_Link=true
        
        //Config emoticons declare
Emo_List = [
':)'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAOOwcAxS4EukaoejBbxkBT1X6AQaZ5tcE0PK6pQYBtqUQi2eCM_P0Of_UGlkfiUrrtrvnWl8B6CKhOflafW38mFwTsaJDiLY6cGZ7vhXEXUIMk-32k7oeGbvC6gRK1hv5LbY6vZSyODS-/h120/1.png',
':('   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnlhQ0yGltvSXCfi2j2ILrUAA_PuW3wgNCjkRidod5o5BOaF4nB1aCFQE6koC7dk17rumh-9bLSNWkm__6qPNxHY2k0w44IfOxyz6X7FQsztTfRaOn3DticQcVcHpWc2uLYgV8rOrWtxzr/h120/2.png',
'hihi'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzw156dEAlc61VYcFpmxlqb1msb9haHAlEpsk7qmfklTFi81ivooEsQZNDq7KVfWsg6saav38yro4qxX5mJDVL-RY_M7_JfLwy-cRBHFYTxR2DhcHQGATL9jx_HyEz6pFhK1EyLEIkbho2/h120/3.png',
':-)'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-kfQwesyYd5QBGPmIbGaS9BmS7jso6nGqL_YPqcLCo3qpvo-5nU1vnCKANgHnS3pVithMhwPFaJ6CrIkodnYA7T5G9QMhWbcqx3_7wpHCTdG7DHaEYTDl0sO6LlhF-nSKAKVbaTxG3KhX/h120/4.png',
':D'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRfwOGyvsSYALyTAdf5LDI7Dx_hdwD_Ro2Cwzw7IFwguQowehNNPNyIaKjSxkG1R5G3y8THbFodAOOX_A11RTH_MVPVvXk3hjkv_tLo3z7-QVYoNi4pso0rPny7a7AFrGGbd2FE9W0KEly/h120/5.png',
'=D'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidcn7Cv7cJAgAPp6wDFFeIX5FPXvKrk209faM1Er-_ZKHXII3-yS9RplyjiW9a44kSlGJRrFzf30CGeuDpJnUd2B41yryZREas2RcUIHRBzcwgqQcSmA1uwigMb_El37YKm5mFvKiijMds/h120/6.png',
':-d'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGq-ekIHXmtmv1DuHMAFatIJ9T1iObtTJXiZEF3mMjwu1kCi2Ha_u5AuNl1J3lihIjglaqEB5NZLc7z5jF6WM40z-_Txqbu1Jbn4_-Tv4MrBOpvWCk5ZGZo0hbvbbK8NRIlJMZ6r6UH3yv/h120/7.png',
';('   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGDjedIJjgjtaFxBPYDWo8nMGhxtyrS0zmsDgqnlFTYQPcuniW8pRzy2tCil0FP7caRABpzz_yHAczu9nC-XkH89FKDgJTT5VO81ohLQtx54E_lhMcm5z44Ksp3jKgMRmkuz6IchYS7Ane/h120/8.png',
';-('   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsd-_BqcKkz5Ogy_OXplxJWohaRhNPDInPK26Z9Z3alI2bxBhJZZ7J8Q1PJMTy1pBPXZ3IOHdtksdpn3gx-wMn4yZwgEnWoYgnRIFhXcrlOJrXZA1I5N4UU5gt05wKqEOFpWnV8mk3NBIE/h120/9.png',
'@-)'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi99n3oOBamrorcXZ7xmvYLCNUFDQusJRqsshLmP9NgPplNcmxCl719RyfmV7TVwxyDUFU7o6gQzxK_vqRIHeblPZdsx4zyvtubsH1VItHJ_BXUlyJOb5acmC3g3nrZjqGX5M7xiOn7vtwP/h120/10.png',
':P'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq_8udsEzideft6De112XIls5xVRjG71BhN7PSCo85S4PZmeHz6eNvAVJZ2fUkPZ01U-QzJEer4NbzIDqqwkfijOshoQgmzHdOy0xheTVNzfhq4uWzvbV_2bRYMmqgwT4MoADzJCtXiVau/h120/11.png',
':o' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1LZjtTz8AaDqCYF1U2TljVJGa5tm_-OPfe57KJpGsOF9tVjdoxtK6pwvXaWPeUhyLBwXd8jUkdBvLYBRYOTSygvFY_ggbeMGJoQNzPy3P-b-h6WGRAh2NoYIerJIaP0wq2lfH3j3Lam70/h120/12.png',     
'-_-'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgo3242a4nsdjjCkMxLyVKe4UH5HXvVnf6imrdZv0PzRJYzkpbjQvcyMyX89i-4-sYE1TaWcYZYIV_DoBeYGRmqakJKHr9cunKDIqtuOHC-neZynZfu9FWUVvvP56lUmSdmQls1DsqFwdx/h120/13.png',     
'(o)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7-vcol1RpzwXzHd6QO3zxz5Z9LGR5ImGpfFiLl8jHAylE7T0JQShmyQUi2qNK9boJ3bLt6EpeYPdkNKE9F90ewuGd4RfREjgNA7BjCbho-Y4SD5xT5gaRFdfQ7wjETCjxQTmWNKhAUKxZ/h120/14.png',     
'[-(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzFi_WYOwlOp_k8-IMxzWwDiI6WGHdpVA7IwYc8Tu01d1OiKU1bZopo4Qy5isGvYESL8G9vp8zw2gT50VIrnLnCu3bnphkrzemIQdqzFkX07_tSLOhAptScHTBedC7UfCuSAdURktuO7Uo/h120/15.png',     
':-?' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbbcqLLMnHc9wqdTcwU3rHBermHYfr16Rcfs1prjoihD2i8PoHknIUzn5kCNlGboeRw42t-IG192B5VNW0VDei7kPZvocHTcWGzJO547AGFVA7A8f5s6hnkNHl9i8HTVRy7r-3GQMJfwQv/h120/16.png', 
'(p)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAkg8ZH0GDlzWnGFcxL0zjEcLDgiSVsn8thchyphenhyphenIDgd7FYnK9px1rbUmH0Bcck6yRqzfjvdbLPFy4A4HgfGl0zVOiIJ7BCZIKjYtjXtmVosPSUQbS09G_xflvF4wytjsZd2GNbyJ6m7etHO/h120/17.png', 
':-s' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMzV_tcDrnsrajE_H5rC6cY2WXN-s4lhdhSf8ev1VTzAx7bZgg_fdwB4-UUxDGyYd9sJvOMqTaB6QhmVEg0l7LXuyh12TWW6M3GB7wNcq3CvFhlbnHf3MeeBH0A5zoHai14GFWPp4HoUR9/h120/18.png',
'(m)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwnKRDrEHbEobvU6ygCVSQhShyphenhyphenoeLYKz3DawZMK2-XxJvy9ZetxI3YMfS7C_zyDJ7e4x46A-2xoku3m3gq-qQte-zbzeBSwWgzKsTK0YOZvd7cr7FDxqNxNzFCT7v9HDZFE7sIvsUu37y1/h120/19.png',
'8-)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUyW5Upw7eq17PLoIrgPVBq1wXsiV6vivgtQ8FwDfs4JQr2AtGTzV1RZvJ8YWDalUmMJRDYBe5OYrKhoX1LXGo8mQ2oqIp7sw_qzsfzFhEvSrcmEWXkMBdc5x6KOqbNxvujpPpaXMEFP93/h120/20.png',
':-t' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHU4p-kHiVcNkXH5bB8F7Ow389sJtLNtmWzpbdvhC0rd8eaW2BOO3l3rjk7bVba61AV78RcYy7zTL_TxPqDAMlCfdEYdaQaTwGkbXItDI8Jn7ve-jI-dk1wFCQUCzeALwZ1OwZUWeyZLYW/h120/21.png',
':-b' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj64uXHHKUnljM_sJ7QKZcxD-p7M58BaA7R8AFvghaVPaahBWxqKKSWJA5FNx7q1fg7lvhmsUfL-1X4Hao0CCOfvjIQ0T_D5Kc5PiHZk0yrFyxm7mSVZj554p0By5H-9OpIGLiW8ximFxOl/h120/22.png',
'b-(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7kU8uHm1W3t-Ta61BbLjhsUcoBZCt07UN1vU5l_QTxeUn-peOtRDL5Gb5hgOkbOgW8Gs0gKDEbkFapu4S9QdK6eP-UAVrSwCE5LdYH8-1X0503lOLLKY4zIV4KjpG7UmSqhjKivHJrNep/h120/23.png',
':-#' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgguSraen0EzKQMEPhAZeFCLDiYDxt6qIA0PsPFMhPgvDfrh6iifCqXxjMNsRI1xFWRIwAKAKzdeyFtzbBUJs36v7eCPQsy74hxLQUFVG7iYrhAv46qwCZtT0qKBYNsWxzuS47iAHDX5ZJH/h120/24.png',
'=p~' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_hOjGAmpPvAfKYoDKr_R7YCHTwiYsgWCWHOszN7hyL8mcIe75hVcdojpAzVlrSfPO1l6kZXgMJNcFI3ozeGahhlLMs8Nzg-jw0J57AKatx_-nZm2WbYREIM3iAqKTUxURgiMBxfOPgzca/h120/25.png',
'$-)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_sCnshnXtQpDHLTLpOMAUMJO-tZjClPfScjxS2yHPddYhFJKgm6oUcfxFgSZUpdcABQoQTJQLWR1g6-4B9YpkqKrls-MTgvkhkkPRoDdL3fIgUOSPZwYyMzjAtnbvVl47I3brXdb9kpC6/h120/26.png',
'(y)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbEm-zqVexQMRzU-C0eVrtlrIfdv3rvFwRM5ATDwflBrJSuBaacd2SQTPTD7QeMBe972zOQcDD9EH-Kx4BbstWC2vlfW_BD8HiotSa9OvTx6-DJmW9anU2Sjfkl2hg9ZuN596G3IsnzLnA/h120/27.png',
'(f)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTfPTgIG2f1p8eUdT7Jr-CsYFQm_Zfuh5EA_uK0FxmRVqdItwGNJ3yIOSVKoGAm8QG7ybAHvOYxJuQLII6DmQv7zloJ75wFmpXmXjA6aXDw8du2x_tp_y_vHH6uMCqsfmkEx8VU88y51p/h120/28.png',
'x-)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjizAchgJa851b7QICDIVTknj_8VhmR1AMYKAC-9uMsN9zz58QV-kNgZc_5jQ4WUJyYWWwE2U4tQozLNazrApHqtst0qmO_NnkJsd9FxSm1s4v38XI3kiOidlDRB__kabQM1PmCmb3Ty92B/h120/29.png',
'(k)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6WPv97R7FMyLmiZjA8vjWVJTJsUISyyn52x7xpeo0SONztAsmBHbfRUjVR3wX6rSLFhNu4IJ3CUZ_n7-BjKtVtQzSZ5un4AvHsL-KDXD1nQDtFP2kGOuhtNTy7ZLrMdUzwXpVVdDtX9xe/h120/30.png',
'(h)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQG99rat0EUQMlOSRecLyfJP-QnBTdisa8MAd5UX0wLtRMwYF3iGcKayZ-2fsAZVuiiukxpYGqlfNSEXMabpn6sAqUZAgfzzFJ2ufYf-d54aj3LK_3C9vg4haYCO95HTVi4QViQjhe4-Um/h120/31.png',
'(c)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBAWRxf2OLoeRbpPn6UnvdXACSltFr87U3zIH8uiu93DO0ujlLl6hqDU_0QRXzbMqyiw02mxMhzUf3Ju4VC0IFi8T-CVYqyxRKAuaoHKfX1vsvOra1VYPNzDQw25-ELkOGodkJ5yEqj1VW/h120/32.png',
'cheer' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzDjZt0CT8jHsn6gD3Sx988tLRspzVlMHT30AGWcVmXolYHYTxYLLzSkfMOYSNUqU2qe6bIpVsd47_a6XtGPSLszLO-785ETtw16Ag0DFap5Ujz08Wn4JuWb7R027VPRnafgiELaXkf66z/h120/33.png',
'(li)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGrsjkJ5W96YKTqEiTzyU7nqEWm-luvsq3uKX1ciMzSFu9SCap6KVAch17lGluoEjXIXohKF7UbTINsir9BOdSHPSCoIk0Tfwm7DrMrEKFlbWG9ylCT6mRP1jvOWidw_PZyvu3eixGO0wW/h120/34.png',
'(pl)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisFAZ_Ywck1O1BkVcbiUbNpAU_Ryefs-P21xGlEBS8BAqCfwJpyOAbuxVDwnxcXqMGCVkKo6sffzKvJ8_UDOHcR2x820Vfvb1ma814SHL2lV1Ui2bwK9063to3Buy_UPBjIOV2PhXdc86k/h120/35.png',
];
        
                               
                                //Config Force tag list, define all in lower case
                                Force_Tag = [
                                    '[pre]','<pre>',
                                    '[/pre]','</pre>',
                                    '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
                                    '</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 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}))
       //]]>
         </script>
</b:includable>
avatar الخطوة رقم 2
الخطوة الثانية
  1. ابحث عن <b:includable id='threaded-comment-form' var='post'>...</b:includable> واغلقه واستبدله كاملا بهذا الكود
* ملاحظة : إذ لم تجده إبحث عن نصفه كما بالسابق

<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form' id='comment-form'>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/>
        <br/><br/><a class='tutup pencet' style='display:none'>Tutup Konverter!</a><a class='show_emo pencet waves-effect waves-light'><i class='fa fa-smile-o'/> الابتسامات</a></p>
<script type='text/javascript'>
$(document).ready(function() {
    $(&#39;.show_emo&#39;).click(function() {
        $(&#39;.comment_emo_list&#39;).toggle(&#39;slow&#39;);
    });
});
</script>
<div class='comment_emo_list'/>
      <data:blogTeamBlogMessage/>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'><a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/></b:if>
      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor' style='display: none'/>
    <b:else/>    
      <p><data:blogCommentMessage/>
        <br/><br/><a class='tutup pencet' style='display:none'>Tutup Konverter!</a><a class='show_emo pencet waves-effect waves-light'><i class='fa fa-smile-o'/> الابتسامات</a></p>
<script type='text/javascript'>
$(document).ready(function() {
    $(&#39;.show_emo&#39;).click(function() {
        $(&#39;.comment_emo_list&#39;).toggle(&#39;slow&#39;);
    });
});
</script>
<div class='comment_emo_list'/>
      <data:blogTeamBlogMessage/>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'><a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/></b:if>
      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/> 
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
 <!--<div id='offline-mode'>
<h2>
Offline mode</h2>
<p>Mohon maaf, form komentar sementara dinon-aktifkan karena ada sesuatu dan lain hal yang menyebabkan saya tidak bisa membalas komentar sobat. Silahkan kunjungi beberapa saat lagi apabila sobat ingin berkomentar .</p>
</div>-->
<script type='text/javascript'>
$(document).ready(function(){$(&quot;.showmore&quot;).click(function(){$(&quot;.bnm&quot;).toggleClass(&quot;shows&quot;);});});
$(document).ready(function(){$(&quot;#showkomentarmenu&quot;).click(function(){$(&quot;#komentarmenu&quot;).toggleClass(&quot;shows&quot;);});});
</script>
</b:includable>
avatar الخطوة رقم 3
الخطوة الثالثة
  1.  ابحث عن ]]></b:skin> وضع هذا الستايل قبله
* ملاحظة : تاكد اولا من حذف ستايل التعليقات القديم



/* ======================
* Material Design Comments
* ====================== */
#comments{line-height:1.4em;margin:0px auto;position:relative;background:#fff;padding:0 20px 20px 20px;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1),0 1px 3px 3px rgba(0,0,0,0.12);margin-bottom: 20px;width: 97%;}
#comments h3{float:left;font-size:15px;line-height:50px;text-transform:capitalize;font-weight:normal;margin:0px;color:#fff}#comments h3 i{padding-right:10px}#comments li{padding:0}
a.click-comment{float:right;font-weight:bold;text-transform:uppercase;position:absolute;top:20px;right:20px;display:inline-block;background:#22A65A;border:2px solid #22A65A;padding:8px 10px;font-size:13px;color:#fff}
a.click-comment:hover{background:#fff;color:#22A65A}
.comment-body-author{background:#0b433f;color:#008000;border:1px dotted #008000;margin:0;padding:0 0 0 10px;}
.comment_share{color:#999;cursor: pointer;font-size:10px;line-height:1.5em;max-width:100%;font-weight:normal;padding-left:5px;}
#comment_rep a:hover {text-decoration:none;color:#464646!important;}
.comment_avatar{height:50px;width:50px;margin-top:15px;background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGuCjz-npgh4ANn8LFPF1p7h0FzacJVzrP9I3m3tKWbk1UkGPKTz7H2a968Suuiwmwk8-7uQ7KNdmu5sntrXG-hsjkFWPcHjJJ6rR9aoRuslY_cSFEgmvx87DncpC7bTXZaWaGlFa_As8/w50-h50/noimage.png) no-repeat;float:left;margin-right:15px;overflow:hidden;padding:0;border-radius:99em}
.comment_admin .comment_name:after {content:"";width:0;height:0;position:absolute;top:5px;right:0;border-width:5px;border-style:solid;border-color:#fff transparent transparent transparent;display:block;}
.comment_admin .comment_name{text-align: -webkit-right;}
.comment_name{color:#4a5764;font-size:11px;font-weight:normal;max-width:100%;text-decoration:none;margin:5px 0 0;text-transform:none; font-weight:normal;position:relative;text-align: -webkit-left;}.comment-menu {float: right;list-style:none;width:0;height:0} .comment_name a {font-size:11px;color:#666;text-decoration:none;font-weight:400}
.comment_name a:hover {text-decoration:underline}
.comment_body p{font-size:110%;line-height:1.4em;margin:0;padding:0 0 10px}
.comment_body{padding:20px 20px 10px;position:relative;resize:none;min-width:3rem;max-width:35rem;background:#fff;color:#444;font-size:13px;border:1px solid #ddd;box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.07),0 1px 1px 0 rgba(0, 0, 0, 0.06);display:inline-block;left: 0px;float: left;}
.comment_body:after {content:"";width:0;height:0;position:absolute;top:0;right:100%;border-width:7px;border-style:solid;border-color:#fff #fff transparent transparent;display:block}
.comment_body:before {content:"";width:0;height:0;position:absolute;top:-1px;left:-16px;border-width:8px;border-style:solid;border-color:#ddd #ddd transparent transparent;display:block}
.no-comment {color:#fff;background:#FF0000;padding:10px;margin-top:10px;text-align:center;}.comment_intime {float:left;margin:10px 0;position:absolute;color:#aaa;bottom:0;left:5px}
#comment_box{padding:0;background:none;position:relative;margin:20px 0}
.comment-delete img{float:right;padding:7px;margin-left:5px;width:10px;margin-top:1px}
.comment_date{color:#666;font-size:11px;line-height:25px;cursor:pointer;float:right} 
#comments .separate {color:#fff;font-size:15px;line-height:40px;padding-left:5px;padding-right:5px;}#comments .author-mark {background:#d2d2d2; color:white;border-radius:0;padding:2px 6px 2px 6px;font-size:15px;line-height:15px;}.comment-share{display:inline;}.comment-share li {display:inline;}.comment-share li.button a {background:#546472;color:white;padding:0 5px 2px 5px;border-radius:0;display:none;}.comment-share li.button:hover a {background:#272f37;}#comment_rep {margin-top:-27px;float:right;}.comment_child .comment_wrap {padding-left:40px}
.comment_reply a{cursor:pointer;font-size:11px;line-height: 1.5em;font-weight: 400;padding:2px 14px;float:left;list-style:none;margin-right:20px;color:#aaa}.comment_reply a:hover{color:#000}
.unneeded-paging-control{display:none}.comment-form {max-width:100%!important;margin-top:-15px !important}.comment_reply_form .comment-form {width:100%;}.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block; padding-top:10px;padding-bottom:10px;}#respond {overflow:hidden;padding-left:10px;clear:both;}.comment_avatar * {max-width:100%!important;display:block;max-height:100%!important;width:50px!important;height:50px!important;margin-right:15px}.comment_child .comment_avatar, .comment_child .comment_avatar * {float:left;margin-right:15px;border-radius:100%}.comment_form a{ color:#2f6986;text-decoration:none}.comment_form a:hover {color:#2f6986;text-decoration:underline}.comment_author_flag {display:none}
#showkomentarmenu{font-size:20px;padding:10px 20px;border-radius:3px;color:#fff!important;float:right;margin:-8px -15px 0 0}
#showkomentarmenu:hover{color:#fff!important;}
#komentarmenu{visibility:hidden;position:absolute;background:#fff;text-transform:none!important;list-style:none;padding:0;width:0;height:0;transition:all .5s cubic-bezier(0.07, 0.68, 0.35, 1.04);z-index:9;overflow:hidden;box-shadow:0 5px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
#komentarmenu li{width:100%}
#komentarmenu li a{padding:9px 15px;display:inline-block;width:100%;font-weight:400;color:#666!important;font-size:14px!important}
#komentarmenu li a:hover{background:#e1e1e1}
#komentarmenu.shows{visibility:visible;width:200px;height:79px}
.bnm.shows{visibility:visible}
.comment_admin .comment_author_flag{display:inline;background:none;font-size:11px;padding:0;margin-left:4px;color:#555;text-transform:uppercase}
.menu-komentar{background:#17c4bb;overflow:hidden;margin-left:-20px;padding:0 20px;height:50px;line-height:50px;margin-right:-20px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.16),0 2px 2px 0 rgba(0,0,0,0.12)}.bnm{visibility:hidden}.comment_admin .comment_body:before{border-color:#ddd transparent transparent #ddd;right:-16px;left:initial!important}.comment_admin .comment_body:after{border-color:#fff transparent transparent #fff;left:100%}.comment_admin .comment_body{margin-left:0;margin-right: -9%;float: right;margin-top: 3%;}.comment_admin .comment_avatar{float:right}.comment_admin .comment_date{float:left}.comment_admin .comment-delete img{float:left;margin:3px 0 0}.comment_admin .namamu{float:right;padding-right:15px}.comment_author_flag .fa{float:right;padding:4px}.comment_admin .comment_intime{float:right;right:5px;left:initial!important}
#comment-editor{width:100% !important;margin-bottom:20px;position:relative;border:none}
.comment-form{max-width:100%!important}
.comment_arrow{display:block;position:relative;margin:0;padding:0}
.comment_emo_list .item{float:left;width:40px;text-align:center;height:40px;margin:10px 10px 0 0}
.comment_emo_list span{display:block;font-weight:bold;font-size:11px;letter-spacing:1px}
.comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img {max-width:100%!important}
.deleted-comment {background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaJJaILCrXEmWB9-5GwF1j-72-cpBXQaG6UH2Q7fmZxmpKwwfI8YEViGvgoChyspIP4U44rmD-sUsibtl6rhS3tcVzXDQQ83CJawVoEl7jWnqcHhNpQvLXol54sizfI_KjyuepPyZDzxU/s1600/tempat-sampah.png) no-repeat 2% 50%;color:#ccc;line-height: 22px;padding:8px 15px 8px 45px;margin:5px 0;display:block;border:1px solid #ddd;position:relative;font-size:13px}
.comment-form p{position:relative;background:#fff;color:#333;margin-top:50px;font-size:14px;line-height:1.5em;margin-bottom:20px;padding:15px;border:1px solid #ddd;transition:all .3s ease-out;}
.comment-form p:after, .comment-form p:before{top:100%;left:9%;border:solid transparent;
content:" ";height:0;width:0;position:absolute;pointer-events:none}
.comment-form p:after{border-color:rgba(68,68,68,0);border-top-color:#fff;border-width:12px;margin-left:-12px}
.comment-form p:before{border-color:rgba(221,221,221,0);border-top-color:#ddd;border-width:13px;margin-left:-13px;transition:all .3s ease-out}
img.comment_emo{margin:0;padding:0;vertical-align:middle}
#comments .pencet{color:#fff!important;margin-right:10px;padding:8px 15px;background-color:#26344b!important;font-size:12px;border-radius:3px;font-weight:400;text-transform:none;text-decoration:none;outline:none;cursor:pointer;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}#comments .pencet:hover{text-decoration:none;background-color:#22A65A}.comment_emo_list{display:none;clear:both;width:100%}img.comment_emo{margin:0;padding:0;vertical-align:middle;width:28px;height:28px}#postCommentSubmit {padding:10px!important}#allHolder{border:none!important}.small-button {color:#fff;margin-right:10px;padding:0;background:none;font-size:12px;font-weight:400;text-transform:none;transition:all .3s ease-in}.small-button a{color:#fff;margin-right:10px;padding:4px 15px;background-color:#009a5d;font-size:12px;font-weight:400;text-transform:none;border-radius:4px;text-decoration:none;outline:none;box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 1px 2px #3d4852;text-shadow:0px -1px 0px rgba(0,0,0,0.3);transition:all .3s ease-in}.small-button:hover {background:none;color:#fff;text-decoration:none}.small-button a:hover {background-color:#990000;color:#fff;text-decoration:none}
@media screen and (max-width:684px){
.comment_child .comment_wrap{padding-left:0!important}.comment_body{width:70%!important}.comment_admin .comment_body{width:60%!important}}
@media screen and (max-width:480px){
.comment_body{width:55%!important}.comment_admin .comment_body{width:50%!important}}




avatar الخطوة رقم 4 والاخيرة
الخطوة الاخيرة الرابعة

  1. ابحث عن </body> واضف قبلة هذا الكود
<script type='text/javascript'>
$(document).ready(function(){$(&quot;.showmore&quot;).click(function(){$(&quot;.bnm&quot;).toggleClass(&quot;shows&quot;);});});
$(document).ready(function(){$(&quot;#showkomentarmenu&quot;).click(function(){$(&quot;#komentarmenu&quot;).toggleClass(&quot;shows&quot;);});});
</script>
  1.  إبحث عن <b:include data='post' name='threaded_comments'/> ثم غيره بالكود التالي قد تجد الكود متكرر غيرهم بأكملهم
<b:include data='post' name='comments'/>
  1.  احفظ القالب

اذا واجهتك مشكلة او للاستفسار فباب التعليقات مفتوح وكذلك ركن الاسئلة للطلبات والشات

مواضيع ذات صلة

تعليقات

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

    الردود
    1. شكرا لمرورك الرائع :)

    2. اخي اريد كود التبادل الاعلاني المطور الذي بالجانب

    3. هو مخصص ففط للمدونة

  2. لماذا أخيي اريد عمل تبادل اعلاني معكم
    لهذا اريد الكود

  3. :o

  4. (o) (y)

  5. لم تشتغل معي :(

  6. علفكري الكود الاخير هيعطل اضافة اظهار التاريخ واضافة تعليق لو الاضافة ديه مشتغلتش عند حد احذفوا اخر كود وهتشتغل وشكرًا جدًا علي الاضافة

  7. الاضافة عندي مش عارف تظهر كشكل فقط ولكن عند وضع تعليق علي اي مدونة ترجع للوضع الاصلي للمدونة

    الردود
    1. انا ايضا عندك حل :)

    2. تم تحديث التدوينة واضافة خطوة اخيرة مهمة جدا
      سوف تحل المشكلة بان الله

  8. شكرا لك كثيرا لقد اصلحت مشكلة الرد على التعليقات

الوجوه التعبيرية
إنسخ ثم إلصق الوجوه التعبيرية في صندوق التعليقات

الأرشيف

نموذج الاتصال

إرسال