Please Add Preloader

طريقة تعديل تعليقات بلوجر لتصبح أكثر جملاً مثل مدونة مداد الجليد

السلام عليكم ورحمة الله وبركاته

موضوعنا اليوم هو كيف تعدل على تعليقات مدونتك لتصبح أكثر جمالا طبعا طريقة سهلة فقط يجب عليك أن تكون على دراية لكيفية تعديل الأكواد في مدونتكيمكنك إستخدام هذا الموضوع لمعرفة كيفية البحث عن الاكواد داخل قالب مدونتك:
https://madad2.com/2013/06/blog-post.html

ملاحظة هامة: نحن غير مسؤلين عن ما قد تسببه في قالب مدونتك نوصي بشدة قبل التعديل على القالب أخذ نسخة إحتياطية.

شرح كيفية تعديل تعليقات مدونتك لتصبح أكثر إحترافية

أولا توجه إلى لوحة التحكم في مدونتك –>> القالب –>> إضغط على تحرير Html
ثم قم بالبحث عن الرمز التالي:
]]></b:skin> بعد ذلك أضف الكود  التالي فوقه مباشرةً:

#comments {}
#comments h3 {
margin-bottom:15px;
font-size:18px;
}
.comment_avatar_wrap{
width:42px;
height:42px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-right-color: #E4E4E4;
background:#fcfcfc;
padding:4px;
border-radius: 2px;
text-align:center;
margin-bottom:20px;
}
#comments .avatar-image-container {
float: right;
margin: 0 10px 0 0;
width: 42px;
height: 42px;
max-width:42px;
max-height:42px;
padding: 0;
margin-bottom:10px;
}
#comments .avatar-image-container img {
width: 42px;
height: 42px;
max-width: 42px;
max-height: 42px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3-jYFAlc4o5EjEzRa4EFgt5uCPj5OauokgXpc2m6fxdCWnlrb69nLQ72mpXnmjqIjP3f1OA_F57QqbowNtIF4yioeqUaKggCRvG8rk9Wcq7Njgs4F3FRDJoxv-BO0W4gogmZlrhRdXc1o/s1600/anon.jpg) no-repeat;
}
.comment_name a {
font-weight: bold;
padding: 5px 0 0 0;
font-size: 13px;
text-decoration: none;
}
.comment_admin .comment_name  {
font-weight: bold;
padding: 10px;
font-size: 13px;
text-decoration: none;
background:#eee;
}
.comment_admin .comment_date  {
font-weight: normal;
font-size:11px;
}
.comment_name {
background:#eee;
padding:10px;
font-size:13px;
font-weight:bold;
position:relative;
}
.comment_service{
margin-top:5px
}
.comment_date {
color: #a9a9a9;
float:left;
font-size:11px;
font-weight:normal;
margin-top:-3px;
}
.comment_date a{
color: #a9a9a9;
float:left;
font-size:11px;
font-weight:normal;
}
.comment_date a:hover{
color: #a9a9a9;
text-decoration:none;
}
.comment_body{
margin-top:-72px;
margin-right:66px;
background:#fcfcfc;
border:1px solid #d1d1d1;
padding:10px;
border-radius: 2px;
}
.comment_body p {
line-height: 1.5em;
margin: 5px 0 0 0;
color: #666;
border:1px solid #eee;
font-size: 13px;
word-wrap:break-word;
background:#fff;
padding:10px;
}
.comment_inner {
padding-bottom: 5px;
margin: 5px 0 5px 0;
}
.comment_child .comment_wrap {
padding-left: 7%;
}
.comment_reply {
display: inline-block;
margin-top:8px;
margin-right:-5px;
padding: 1px 12px;
color: #fff !important;
text-align: center;
text-decoration: none;
border-radius: 2px;
background: #bababa;
font: 11px/18px sans-serif;
transition: background-color 1s ease-out 0s;
}
.comment_reply:hover {
text-decoration: none !important;;
background: #056b95;
}
.unneeded-paging-control {display: none;}
.comment-form {max-width: 100%;!important;}
#comment-editor {
width:103%!important;
background:transparent url('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7') no-repeat 50% 30%}}
.comment_form a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-family: Arial, Helvetica, Garuda, sans-serif;
font-size: 15px;
}
.comment_form a:hover {text-decoration: underline;}
.comment-form p {
background: #666;
padding: 10px;
margin: 5px 0 5px 0;
color: #eee;
font-size: 13px;
line-height: 20px;
width:97%;
border-radius:3px;
position:relative;
}
.comment-form p:after{
content:"";
width:0;
height:0;
position:absolute;
bottom:-16px;
right:15px;
border:8px solid transparent;
border-color:#666 transparent transparent;
}
.comment_reply_form {
padding: 0 0 0 70px;
}
.comment_reply_form .comment-form {width: 99%;}
.comment_emo_list{
display:none;
}
.comment_emo_list .item {
float: right;
text-align: center;
margin: 10px 10px 0 0;
height: 40px;
width:41px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.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 {
padding: 10px 10px 10px 10px;
display: block;
color: #CCC;
}
.comment_arrow {
display: block;
width: 9px;
height: 18px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHT7C1Mq9VD46emapvVrxc6LaqdoYdJYi5BQ10MllZzsZh_UQWhDhzM8hAoeNUZfAYAEPZvezcaXB9TrSjPkSyJ6YfKjvCvIZtjFMEdZibzUbZwxmsRrHLN6I1DpF0s-kaqCZ49BSvybM/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-right: -19px;
}
.comment_header{width:50px}
#respond {
overflow: hidden;
padding-right: 10px;
clear: both;
}
.comment_avatar img{
width:42px;
height:42px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3-jYFAlc4o5EjEzRa4EFgt5uCPj5OauokgXpc2m6fxdCWnlrb69nLQ72mpXnmjqIjP3f1OA_F57QqbowNtIF4yioeqUaKggCRvG8rk9Wcq7Njgs4F3FRDJoxv-BO0W4gogmZlrhRdXc1o/s1600/anon.jpg) no-repeat}
.comment-delete img{
float:left;
margin-right:15px;
margin-top:3px;
margin-right:10px;
}
.comment_author_flag {display:none}
.comment_admin .comment_author_flag {
display:inline;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWMhZFitdwFaU8A8E0acz7LbpVENtgofJcUx5ahD5gCvZ-v1OnIF4eDjSWWgPKPCYlwcQFB4t2R_BMbD0_A5a76NWcoFW2LYFAzOaABZz-Vrfp0OGoQMGzufCt8dBT-FMMWbpY-UNyYgA/s1600/author.png)no-repeat;
font-size:13px;
font-weight:normal;
padding:2px 6px;
left:-23px;
margin-top:-23px;
color:#fff;
border-radius:4px;
text-transform:uppercase;
position:absolute;
width:36px;
height:36px;
}
iframe{
border:none;
overflow:hidden
}

الآن أبحث عن الكود التالي:

<b:include data=’post’ name=’threaded_comments’/>
سوف تجد عده منه قم بإستبدالها جميعها بالكود التالي:
<b:include data=’post’ name=’comments’/>



الخطوة الأخيرة قم بالبحث عن الكود 
<b:includable id=’comments’ var=’post’> سوف تجده على الشكل التالي:
<b:includable id=’comments’ var=’post’>..</b:includable>
قم بتوسيع الكود وإستبداله بالكود التالي حتى تصل إلى نهايته:


إستبدله بالكود التالي:
                <b:includable id='comments' var='post'>
                  <div class='comments' id='comments'>
                    <b:if cond='data:blog.pageType == &quot;item&quot;'>
                      <div>
                        <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
                        <fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1' width='600'/>
                      </div>
                    </b:if>
                    <h3>
                      <b:if cond='data:post.numComments == 0'>
                        كن الأول دائما علق على &quot;
                        <data:blog.pageName/>
                        &quot; 
                      </b:if>
                      <b:if cond='data:post.numComments == 1'>
                        1 تعليق على &quot;
                        <data:blog.pageName/>
                        &quot;
                      </b:if>
                      <b:if cond='data:post.numComments &gt; 1'>
                        <data:post.numComments/>
                        تعليق على &quot;
                        <data:blog.pageName/>
                        &quot;
                      </b:if>
                    </h3>
                    <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 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>
                            <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='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='رد'>
                                  رد
                                </a>
                              </div>
                              <div class='clear'/>
                            </div>
                            <div class='comment_body'>
                              <span class='comment_arrow'/>
                              <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'/>
                                </b:if>
                                <span class='comment_service'>
                                  <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/AVvXsEjj8ww1YlfS0H6UEgNowBljgmtU0TQI17uPiWZBFMHidGD2S4OtbojO3AuWjOp8Tt8Yjxot6a_Kj-xhSsGeTChCGJKTJGK69wlwwVr5UMaQ8f7G7VPk9Eg0bPXM-_LmxOwqDL0TZcL4HnM/s1600/delete4.png' title='حذف التعليق'/>
                                  </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>
                                  <data:comment.body/>
                                </p>
                                <div class='clear'/>
                              </b:if>
                            </div>
                            <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/>
                            <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' 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 = 6;//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 = true;//Auto replace link image,  ketik "false" untuk mendisable.
                                  Replace_Force_Tag = true;//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 = [
                                  '::)'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi02m1fTsjsgbLCDOyPO6z9NDJIXYbVONfIJEMBND-RhxRDXcC-d3gPGS_zduNv8_5tvvXqG8IWh72-nNdAw8ZZyLDd-N2dbWzK0rnumFwdlpXq5qvy9VAywxbrT9z0aB8EFb0FQNmINeY/s1600/smile1.gif',
                                  ':('   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhanG6clPbBHOD_nXA9jWRd1jVFat2ZLT3GbsQHcflL9TjxT1JK_7FximJy09MhQkDzIk4ElB72FlIYOXbOxNhJ3XBqhuPzIaV8mNjHspKlRx6Ttbjs68oIiWW1gMoQ3nezps3wEqUhqXw/s1600/sad.gif',
                                  '=('   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqd4lY0syPHCWK_vdAdpx3jgQqyIZEg4EQ9YPh67cNCT4Ofat0K5NVVNiIpsmY-Cof6dSVdntl0t-wMoMrjOm76yFA0YmfHuOUuBKFzE5lDRPJ-pV8ZL9brf56KtclA0bBrOt4EeXAzeY/s1600/sadanimated.gif',
                                  '^_^'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx91POYdqa1kAGRzGMCFV_OgmCI8p3mldyrq1jwvd66c0TmdAw2vMiZ-Ht9A5DIa73ixlQmr7d80VCab9t3ByL9QLmhOdUTPxfYLAJhOss2Qt6Il3FIuI4qWkp5q3jJ8XF08DlnVfeVek/s1600/smile.gif',
                                  ':D'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzplIa-z_2EB2RtcuToctS2uSQLHMV-QzK4J-VuGlS24XqpCo7Lbkmdty9EVjWQz7OzCkA5Kr00UcQoRApy1ZQh-TyTXnXaiSJaSqA7nJNY2WJksuRC6frqqBy6rZf-xzlx5lz-1-KoeE/s1600/icon_smile.gif',
                                  '=D'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Csj5US9vUIBbWvf95k61sy_hFswoN0wa5eDaL_pTgQ58YMxNeyaVW8KF5Mrs_MQNjdUDDN9l-0tWxlv7Sq3XBczqeNGPDSLv18gjaCyoKzDLXqsRpzrajHlVXCBkUOY1ieJf6aTeqyE/s1600/hihi.gif',
                                  '|o|'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGPJFiF4x_4VaWFTeRK_3HRGmoVPk1byJIYF3QbwWHiLnSAJC1ak6qlwnf3wbLDEVWObG7FMzyWlYccRajZAsKxH9_rrR0a8DdhJMPpmxtSQeIMkOzd5vdmj-Gpf1piIdYc4ItAkU3pGo/s1600/applause.gif',
                                  '@@,'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1JmZSDXGPsw1uWynveDzjS0OR_d6q4UkVZCsV8uk7mQoHAswxp3NZGvXjUU8Jyyv8Wt_cl36SJkM5R-cQEYtqCnwtEOxXRmx4Yi1xQSbYm049us1NoNRVZAFK6e6Zn4TtcSWxx4KyfCo/s1600/rolleyes.gif',
                                  ';)'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcPd19yGmXFhq9OhhhFP0sONPtw0sZzHnebvX9DkJG0NU0emcwl55HdUb2FpYUbLGhrgTkDOtvNIF8UCMpCsiloT58DUGlKcLZdSe9d8B6oIF66JAF95UUKj-PXMg_TBhh7HnaEg8my1I/s1600/wink.gif',
                                  ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1GAhE-GIW3zVdyKEu4c55PGXGC75IY6Zv6_uYmy1Oc-49Y1-PfcbYs9iuUbKxTxO7Eyt4yoNroxXER_2BjGxCEebPckQmHkmEpwMR7roUPJu0p3QWxtRq8obNeCR1mpGukprxhSIBFqQ/s1600/thumb.gif',
                                  ':-d'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc_ZSLhAOa2QyOU1VfQOZZs4TULTG9vDyOMQ13hlxe2dk1bBgUoDVGrAF9jkT5lAI5RTuttD1vzD4tkpvCPMpxVV3oqSXJGQ4aTG4sik1ThtMf7eVuthqqttlqjrYCg6UrlseZF8GMCvI/s1600/thumbsup.gif',
                                  ':p' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj37k7Uj8YIsNVdtQxd1zi_6QhZWXj_V3ld1Ll-IN_BdSJlf0mKLkYpCMLOx6ZZfPSFQ6-MrDp7pln16wd4pRGZy6t5NUm93XaHxL-Ml2Gm0Nj-75P7E-LMnrWBrxgCTrxZyzodbYmrsIU/s1600/wee.gif',     
                                  ':a01:', 'http://www.freesmileys.org/smileys/smiley-laughing021.gif',
                                  ':b02:', 'http://www.freesmileys.org/smileys/smiley-signs003.gif',
                                  ':c03:', 'http://www.freesmileys.org/smileys/smiley-signs001.gif',
                                  ':d04:', 'http://www.freesmileys.org/smileys/smiley-love008.gif',
                                  ':e05:', 'http://www.freesmileys.org/smileys/smiley-scared009.gif',
                                  ':f06:', 'http://www.freesmileys.org/smileys/smiley-shocked004.gif',
                                  ':g07:', 'http://www.freesmileys.org/smileys/smiley-devil09.gif',
                                  ':h08:', 'http://www.freesmileys.org/smileys/smiley-confused005.gif',
                                  ];
                                  //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>

بعد ذلك أحفظ القالب وشاهد التعليقات كيف سوف تصبح 🙂

مميزات التعليقات الجديدة:

  • إضافة أي رابط صورة أو فيديو ليعمل بشكل تلقائي في التعليقات
  • وجوه التعبير ابتسامات ياهو يمكن اضافة الابتسامات المعتادة بالتعليقات حتى تظهر مثلاً 🙂
  • شكل سلس وحديث وأكثر من ذلك
  • تمييز مشرف المدونة بشكل رائع
نتمنى لكم أطيب الأوقات
لا توجد أراء حول “طريقة تعديل تعليقات بلوجر لتصبح أكثر جملاً مثل مدونة مداد الجليد”
  1. اخى الكريم ان تعليق الكاتب لا يميز ملاحظة انا امتلك نفس قالب مدونتك ولكن التعليق الخاص بى الكاتب لا يتم تمييزه كما فى مدونتك

    1. رجاءً زودني برابط مدونتك، إذا إستخدمت هذا الشرح بطريقة صحيحة لا بد ان تظهر وإلا يجب عليك التأكد من عدم إحتواء قالب مدونتك عن أكواد خاصة بـ css للتعليقات ويجب حذفها، والتأكد من تطبيق هذا الشرح بالطريقة الصحيحة

  2. أفهمك صديقي لكن أؤكد لك أن المشكلة ليست من الاكواد
    1. لم تضع الأكواد في المكان الصحيح
    2. مدونتك تعاني من إضافات أخرى لا تتماشى مع هذا التعديل

    1. [-( يا أخى أنا لا أعلق على التدوينة أنا أريد استفسار فقط هو التعليقات لا تظهر وأنا أصبحة جيدا الأن المشاهدون أفضل من الأول تتراوح ما بين100 : 150 [-(
      :dيا أخى أنا عشمان فيك بردة أنا بستفسر فقط علشان هعرض إعلانات أدسنس يوم الجمعة القادم إن شاء الله :d
      ها هو رابط مدونتى :http://first-m.blogspot.com/
      أرجوك أن تقيم مدونتى

  3. السلام عليكم , عندى مشكلة خاصة بالتعليقات وهى ان كلمة التحقق لا تظهر ويتم نشر التعليق مباشرة بالرغم من انى قمت بتفعيلها من الاعدادات فهل هناك حل لتلك المشكلة ؟ وشكرا

    1. أخي الكريم قد لا تظهر بالنسبة لك لانك انت مشرف المدونة حاول التعليق بمتصفح آخر وإذا كانت بالفعل لا تظهر للاسف لم اواجه مثل هذه المشكلة لكنها هنا لو اردت أنها تعمل بشكل جيد

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

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

  5. يا أخى أنا نسخت الموضع لأنة أعجبنى وكتبت اسم المدون ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-(

  6. السلام عليكم
    اخي انا عندي مشكلة بالمدونة واعتقد المشكلة من القالب الخاص بي

    المشكلة في صندوق التعليقات لايظهر للزوار وبالتالي لايستطيع الزائر المشاركة والتعليق في المدونة

    ملحوظة/ القالب الافتراضي يظهر صندوق التعليقات للزوار ولكن المشكلة بالقالب الخاص بي لايظهر صندوق التعليقات للزوار فماهو الحل ؟

    اتمنى ان تساعدني في حل مشكلتي ولك جزيل الشكر

    1. وعليكم السلام ورحمة الله وبركاته

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

  7. اخى هل لديك طريقة لأضافة تعليقات disqus بالعربية كما فى igli5.com و غيرها من المواقع

    1. أخي لا يوجد طريقة لتحكم باللغة الخاصة بهذه التعليقات ولكن قد تعتمد على الحساب المسجل لديها او المكان جرب واضفها هل سوف تظهر عربية لديك؟

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

  8. موضوع وشرح ممتاز جدا

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

  9. شكرا صديقى (h) (f)
    واعدك اننى سوف اقوم بازالة قالبك ان اردت ذلك
    ولكن هل تسمح لى بان ابقيه واعدل عليه تعديلات بيسطة كى لا يتشابه مع قالبك

  10. السلام عليكم , كيف احذف صندوق تعليقات الفيسبوك من هذه الاضافة لست فى حاجة لصندوق تعليقات الفيس احتاج فقط صندوق تعليقات بلوجر !

  11. السلام عليكم اخي انا لدي مشكلة في القالب وهي عندما اضع كود htmlداخل مربع في المدونة واذهب الى الصفحة الرئيسية تضهر لي التدوينة او الموضوع كامل من تحت المربع فالحل هو!
    ولماذا؟

    1. اسف للتأخير بالرد
      الرجاء توضيح المشكلة اكثر او ارفاق صورة

    1. أخي كل الإضافات تعمل بشكل جيد يجب عليك اضافة الاكواد في مكانها الصحيح كما هو منصوص عليها في الشرح حاول

      1. شكرا شكرا يا أخى لاكن عندما أنشر و غيرى ينشر تعليق لا يظهر ماذا أفعل

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

  13. بارك الله فيك , أخي الخط لم يتغيّر لدي فقط طريقة عرض التعليقات تغيّرت فما الحل .

    1. أخي الخط سيظهر نفس الخط المُركب على مدونتك
      لتغيير خط التعليقات يجب عليك اختيار خط جيد لمدونتك وتغيير جميع الخطوط الخاصة بالقالب بما في ذلك التعليقات

  14. هل من الممكن تعديل مربع التعليق جوجل في بلوجر ?
    تغيير لونه وحجمه وتغييركلمة( اكتب تعليق… الموجودة داخل المربع

    اقصدالمربع الذي نكتب فيه التعليقات

    بحت كتيراً و كتيراً و لم أجد

    أنا أريد أن أعدل الcss فيه و لكن بدون جدوى

    1. تعليقات جوجل بلس مضمنة وبالتالي من الصعب جدًأ التعديل عليها

  15. اخى العزيز ممكن اعرف طريقة الاشراف على تعليقات الفيسبوك الموجود فى موضوعك؟

    1. لا يمكن ذلك أخي على تعليقات بلوجر ولكن لو اردت اضافة تعليقات من جهة خارجية يمكنك ذلك ولكن لا انصحك بها لانها لا تؤرشف من جوجل

  16. سوف أفعل وكلامك انت يمشى :-# حضرتك لما أحط مدونة من الموجدين على بلوجر التعليقات تظهرولما أحط قالب تختفى
    1 صندوق التعليقات لا يختفى لاكن التعليقات تختفى
    2 لو وضعة قالب من الموجدين على بلوجر التعليقات تظهر وليس الصندوق
    هل تفهمنى أخى

  17. السلام عليكم الاخ مداد الجليد
    بارك الله فيك على المدونة والشروحات المميزة جدا

    اخي انا عندي مشكلة بتعليقات مدونة بلوقر
    انا فعلت خاصية التعليقات للكل وسمحت للكل بالتعليقات حتى (المجهول) (الغير معروف) سمحت لهم بكتابة التعليقات ولكن ظهرت لديهم مشكلة وهي عندما يكتب تعليق تظهر له هذه الرسالة التي بين القوسين التي بالاسفل
    ( يُرجى إثبات أنك لست برنامج روبوت )
    سؤالي اخي مداد كيف استطيع الغاء هذه الرسالة لكي تنحل المشكلة لديهم ؟ في انتظار مساعدتك لي اخي الفاضل ولك جزيل الشكر بارك الله فيك

    1. وعليكم السلام ورحمة الله وبركاته
      يمكن إلغاؤها من خلال إعدادات المدونة ثم أنقر على "المشاركات والتعليقات والمشاركة –> أنزل اسفل قليلا سوف تجد "إظهار كلمة التحقق" بجانبها ضع اشارة على لا

    1. يبدو ان خاصية عرض الفيديو لا تعمل ولكن حتى ولو كانت تعمل لاانصح بها لانها سوف تؤدي الى ثقل في المدونة

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

      1. العفو أخي، تقصد روابط التدوينة أم روابط اخرى تريد إضافة لها تأثيرات
        يمكنك ذلك بإستخدام مؤثرات خاصة اجمل من هذه الروابط بتقنية css وهناك الكثير من الاكواد التي تشمل تأثيرات على النصوص أو الروابط

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

    1. هل يعنى ان الابتسامات فى هذا الكود لن تعمل مرة اخرى ؟ كيف ازيلها من الكود بالاعلى ؟

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *