أحدث المواضيع

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

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


موضوعنا اليوم هو كيف تعدل على تعليقات مدونتك لتصبح أكثر جمالا طبعا طريقة سهلة فقط يجب عليك أن تكون على دراية لكيفية تعديل الأكواد في مدونتكيمكنك إستخدام هذا الموضوع لمعرفة كيفية البحث عن الاكواد داخل قالب مدونتك:
http://www.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(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/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(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/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(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/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(http://1.bp.blogspot.com/-k4w3VD-NeRw/Uwe9Re2IKKI/AAAAAAAAVIs/jxSSRFyugtc/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='http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/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 = [
                                  '::)'   ,'http://1.bp.blogspot.com/-2Z7Cwe04x-Q/UH9THzWWJII/AAAAAAAACtA/ChwawyzYsDI/s1600/smile1.gif',
                                  ':('   ,'http://4.bp.blogspot.com/-yXc7xHs5mXc/UKhVJLBfdaI/AAAAAAAADPY/LJKRsefyeao/s1600/sad.gif',
                                  '=('   ,'http://1.bp.blogspot.com/-7I8DdEs58z0/UKhVKHT1yUI/AAAAAAAADPg/Lyzv-E74EdM/s1600/sadanimated.gif',
                                  '^_^'   ,'http://1.bp.blogspot.com/-IoZJlpB0-dE/UKhVKnR0BDI/AAAAAAAADPo/Kz87N1Aj4X8/s1600/smile.gif',
                                  ':D'   ,'http://3.bp.blogspot.com/-WeTjMT8JDhg/UKhVHlZ88II/AAAAAAAADPI/b1gpiAvIkCc/s1600/icon_smile.gif',
                                  '=D'   ,'http://1.bp.blogspot.com/-ljeobbA3sn0/UKhVGtJsGRI/AAAAAAAADPA/8lyzE4JwrwQ/s1600/hihi.gif',
                                  '|o|'   ,'http://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P0G-1PcWpQs/s1600/applause.gif',
                                  '@@,'   ,'http://4.bp.blogspot.com/-w1VfvgO2-e8/UKhVIT7XLhI/AAAAAAAADPQ/cJ0KDjEsoj4/s1600/rolleyes.gif',
                                  ';)'   ,'http://3.bp.blogspot.com/-5zPfqshivtY/UKhVONWZnkI/AAAAAAAADQI/iCDxagcaj5s/s1600/wink.gif',
                                  ':-bd'  ,'http://4.bp.blogspot.com/-hPd-oj2Bzo4/UKhVLkmQjOI/AAAAAAAADPw/3O1iuAukZXg/s1600/thumb.gif',
                                  ':-d'   ,'http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zCmY/s1600/thumbsup.gif',
                                  ':p' ,'http://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/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>

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

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

  • إضافة أي رابط صورة أو فيديو ليعمل بشكل تلقائي في التعليقات
  • وجوه التعبير ابتسامات ياهو يمكن اضافة الابتسامات المعتادة بالتعليقات حتى تظهر مثلاً :)
  • شكل سلس وحديث وأكثر من ذلك
  • تمييز مشرف المدونة بشكل رائع


نتمنى لكم أطيب الأوقات

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

أزال المؤلف هذا التعليق.

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

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

التعليقات لا تظهر أخى الكريم

أهلا أخي
أنت اكثر من اللعب في مدونتك وتركيب الإضافات بدون فائدة. كما قلت لك سابقاً عندما تطبق الشرح كما هو بالشكل الصحيح سوف تعمل كما هي هنا :D

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

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

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

x-) x-) x-) x-) x-) (k) (k) (k) (k) (k) (h) (h) (h) (h) (h) شكرا على متابعتى لقد أصلحتة

x-)أنا اسف على إزعاجى لك يا أخى لكن x-)
:>)هل يمكن أن تقيم مدونتى : http://first-m.blogspot.com/ :>)

أنت تقوم بالنسخ من المدونة وتطلب المساعدة @-)

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

لا عليك أخي بالنسبة لمدونتك تحتاج جهد كبير من حيث بناء مواضيع قيمة وتحسين المظهر وازالة الاضافات الغير ضرورية

بارك الله فيك اعاني في مدونتي من كثرة التعليقات
هل من طريقة لاخفائها او وضعها بصفحات مرقمة
http://www.xn--mgba3a5azci0c.com

أهلاً وسهلاً بك,
نعم يمكنك التحكم بالتعليقات من خلال موضوع معين من خلال لوحة إنشاء المواضيع من الجانب الايسر انقر على خيارات ثم يمكنك تحديد:
تعليقات القراء
سماح
عدم السماح، عرض التعليقات الحالية
عدم السماح، إخفاء التعليقات الحالية

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

أسف على التأخير قم بحذف الكود التالي:
<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>

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

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

مرحبا مجدداً أخى مداد أنا أريد تغير صورة مشرف بصور أخرى هل يمكن

شكرا اخى , لدى طلب اخر وهو طريقة اضافة روابط داخل التدوينات كما بهذا الشكل فى هذه الصورة http://goo.gl/nzAXJW

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

أهلا محمد، يمكنك تغيير الصورة بإستبدال الرابط الخاص بها:
http://1.bp.blogspot.com/-k4w3VD-NeRw/Uwe9Re2IKKI/AAAAAAAAVIs/jxSSRFyugtc/s1600/author.png

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

اهلا بك، لدينا موضوع فيه العديد من الازرار الرائعة بختلف الالوان
http://www.madad2.com/2014/03/Buttons-blogger.html

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

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

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

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

قمت بتغيير القالب لان المشكلة لم تحل
على العموم شكرا اخي
http://th3geekweb3.blogspot.com

بالتوفيق اخي الكريم وشكراً لطلبك

كيف اغير عرض التعليقات بلوجر

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

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

السلام عليكم , اخى الابتسامات لا تظهر فى مدونتى وقد قمت بالخطوات كاملة !

وعليكم السلام
هذه الابتسامات بشكل افتراضي لا تظهر بالمدونة هي ابتسامات ياهو لكن اذا كنت ترغب بإضافة إبتسامات لمدونتك من خلال الرابط التالي:
http://www.madad2.com/2013/03/blog-post_2774.html

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

عزيزي تعمل بشكل جيد لكنها لا تظهر كما هو الحال في هذه

عفواً عزيزي محمد أتشكر مرورك

اخى الكريم ان تعليق الكاتب لا يميز ملاحظة انا امتلك نفس قالب مدونتك ولكن التعليق الخاص بى الكاتب لا يتم تمييزه كما فى مدونتك

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

اخى الكريم هذا رابط مدونتى
http://dabourphone.blogspot.com/

ضع هذا الكود فوق الرمز ]]>
.comment_admin .comment_author_flag{display:inline;background:url(http://1.bp.blogspot.com/-k4w3VD-NeRw/Uwe9Re2IKKI/AAAAAAAAVIs/jxSSRFyugtc/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}

مرة ثانية تجنب نسخ أي شيء يا صديقي فهذا من باب النصيحة
منذ فترة قام شخص بنسخ القالب بما في ذلك الإعلانات لم أطلب منه إزالة القالب ولكن طلب منه إزالة الإعلانات لكنه أصبح يستهزء بعد ذلك اطررت لإبلاغ جوجل وقد تمت إزالة مدونته بالكامل وحرمانه من خدمة blogger
أنا لا أقول لك إحذف بالعكس انا مسرور :d لانها تشعرني بالنجاح وأن قالب مدونتي فريد من نوعه ولكن هي نصيحة لك اخي محمد
دمت بخير

بالمكان الذي ظهرت فيه الصورة ضع رابط الصورة نفسه او ضع صورة خاصة بك
http://1.bp.blogspot.com/-k4w3VD-NeRw/Uwe9Re2IKKI/AAAAAAAAVIs/jxSSRFyugtc/s1600/author.png

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

اخى مداد ما رايك فى التطوير الجديد للقالب

عاينه الان من الرابط التالى
http://dabourphone.blogspot.com/

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

مرحبا اخي ارجو حل لهده المشكلة اريد تغيير التعليقات لكن تظهر لي مشاكل
رابط المدونة http://ichaa3.blogspot.com/2015/01/vector.html هدا رابط احد المواضيع التي بها تعليقات ممكن حل ارجوك

يُمكن الإشراف على تعليقات مدونتك من خلال حسابك الذي أنشئت فيه التطبيق من هنا https://developers.facebook.com/tools/comments/

على مدونتك مثبت تعليقات disqus وليست للبلوجر

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

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

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

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

أهلاً وسهلاص بك أخي شرفت

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

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

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

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

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


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

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

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

مشكور اخي على الموضوع الاكثر من روعه

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

ملحوظة/ انا من قبل لايوجد لدي صندوق تعليقات الفايسبوك ولكن ظهر بعد ان وضعت هذه الاكواد التي بالموضوع

ياليت تساعدني لازالة صندوق تعليقات الفايسبوك والبقاء على تعليقات بلوقر مثلك بالضبط

في انتظارك اخي ولك جزيل الشكر

مرحبًا بك
فقط أحذف الكود من الكود أعلاه وأضفه من جدسيد:
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>

الف شكر لك ياغالي على الافادة

مدونة جد جد مميزة ومفيدة لكل مدون




تذكر قوله تعالى:
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) ‏
-----------------------------------
الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات
----------------------------------
آرائكم تسعدنا, لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي

نحن نعرض الإعلانات على الموقع للإسهام في تحسين موقعنا.

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

شكرًا لك

×