السلام عليكم ورحمة الله وبركاته
موضوعنا اليوم هو كيف تعدل على تعليقات مدونتك لتصبح أكثر جمالا طبعا طريقة سهلة فقط يجب عليك أن تكون على دراية لكيفية تعديل الأكواد في مدونتكيمكنك إستخدام هذا الموضوع لمعرفة كيفية البحث عن الاكواد داخل قالب مدونتك:
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 == "item"'>
<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'>
كن الأول دائما علق على "
<data:blog.pageName/>
"
</b:if>
<b:if cond='data:post.numComments == 1'>
1 تعليق على "
<data:blog.pageName/>
"
</b:if>
<b:if cond='data:post.numComments > 1'>
<data:post.numComments/>
تعليق على "
<data:blog.pageName/>
"
</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>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<div class='clear'/>
<div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
<div class='comment_inner comment_admin'>
<b:else/>
<div class='comment_inner'>
</b:if>
<div class='comment_header'>
<div class='comment_avatar_wrap'>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
</div>
<a class='comment_reply' expr:href='"#r_"+data:comment.anchorName' expr:id='"r"+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='رد'>
رد
</a>
</div>
<div class='clear'/>
</div>
<div class='comment_body'>
<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='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + 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'/>
</div>
<div class='clear'/>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='"r_f_"+data:comment.anchorName'/>
</div>
</b:loop>
</div>
<div class='clear'/>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<div class='clear'/>
<div class='comment_form'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'>
<data:postCommentMsg/>
</a>
</b:if>
</b:if>
</div>
</b:if>
</div>
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></scr" + "ipt>");
}
//]]>
</script>
<script async='async' 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 = {'maxThreadDepth':'0'};
</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="">','<code>',
'</pre>','</code>'
];
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c]);return p}('3 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>
بعد ذلك أحفظ القالب وشاهد التعليقات كيف سوف تصبح 🙂
مميزات التعليقات الجديدة:
- إضافة أي رابط صورة أو فيديو ليعمل بشكل تلقائي في التعليقات
- وجوه التعبير ابتسامات ياهو يمكن اضافة الابتسامات المعتادة بالتعليقات حتى تظهر مثلاً 🙂
- شكل سلس وحديث وأكثر من ذلك
- تمييز مشرف المدونة بشكل رائع
نتمنى لكم أطيب الأوقات




بارك الله فيك اعاني في مدونتي من كثرة التعليقات
هل من طريقة لاخفائها او وضعها بصفحات مرقمة
http://www.xn--mgba3a5azci0c.com
قمت بتغيير القالب لان المشكلة لم تحل
على العموم شكرا اخي
http://th3geekweb3.blogspot.com
بالتوفيق اخي الكريم وشكراً لطلبك
اخى الكريم هذا رابط مدونتى
http://dabourphone.blogspot.com/
اخى الكريم ان تعليق الكاتب لا يميز ملاحظة انا امتلك نفس قالب مدونتك ولكن التعليق الخاص بى الكاتب لا يتم تمييزه كما فى مدونتك
رجاءً زودني برابط مدونتك، إذا إستخدمت هذا الشرح بطريقة صحيحة لا بد ان تظهر وإلا يجب عليك التأكد من عدم إحتواء قالب مدونتك عن أكواد خاصة بـ css للتعليقات ويجب حذفها، والتأكد من تطبيق هذا الشرح بالطريقة الصحيحة
أفهمك صديقي لكن أؤكد لك أن المشكلة ليست من الاكواد
1. لم تضع الأكواد في المكان الصحيح
2. مدونتك تعاني من إضافات أخرى لا تتماشى مع هذا التعديل
[-( يا أخى أنا لا أعلق على التدوينة أنا أريد استفسار فقط هو التعليقات لا تظهر وأنا أصبحة جيدا الأن المشاهدون أفضل من الأول تتراوح ما بين100 : 150 [-(
:dيا أخى أنا عشمان فيك بردة أنا بستفسر فقط علشان هعرض إعلانات أدسنس يوم الجمعة القادم إن شاء الله :d
ها هو رابط مدونتى :http://first-m.blogspot.com/
أرجوك أن تقيم مدونتى
شكرا لك اخى مداد
(h)
(f)
السلام عليكم , عندى مشكلة خاصة بالتعليقات وهى ان كلمة التحقق لا تظهر ويتم نشر التعليق مباشرة بالرغم من انى قمت بتفعيلها من الاعدادات فهل هناك حل لتلك المشكلة ؟ وشكرا
أخي الكريم قد لا تظهر بالنسبة لك لانك انت مشرف المدونة حاول التعليق بمتصفح آخر وإذا كانت بالفعل لا تظهر للاسف لم اواجه مثل هذه المشكلة لكنها هنا لو اردت أنها تعمل بشكل جيد
مرحبا اخي ارجو حل لهده المشكلة اريد تغيير التعليقات لكن تظهر لي مشاكل
رابط المدونة http://ichaa3.blogspot.com/2015/01/vector.html هدا رابط احد المواضيع التي بها تعليقات ممكن حل ارجوك
على مدونتك مثبت تعليقات disqus وليست للبلوجر
11111
هنالك مشكلة لدي التعليقات تضهر في الوسط وليست جانبية ارجو المساعدة
هل طبقت الشرح اعلاه إذا كان كذلك يرجى تقديم رابط مدونتك للمعاينة أو عليك حذف اي اكواد اضفتها سابقا لمدونتك والتي تتعلق بتجميل تعليقات بلوجر
vo
:p
مشكور اخى (k) (o) (h)
أهلاً وسهلاص بك أخي شرفت
يا أخى أنا نسخت الموضع لأنة أعجبنى وكتبت اسم المدون ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-( ;-(
السلام عليكم
اخي انا عندي مشكلة بالمدونة واعتقد المشكلة من القالب الخاص بي
المشكلة في صندوق التعليقات لايظهر للزوار وبالتالي لايستطيع الزائر المشاركة والتعليق في المدونة
ملحوظة/ القالب الافتراضي يظهر صندوق التعليقات للزوار ولكن المشكلة بالقالب الخاص بي لايظهر صندوق التعليقات للزوار فماهو الحل ؟
اتمنى ان تساعدني في حل مشكلتي ولك جزيل الشكر
وعليكم السلام ورحمة الله وبركاته
عليك التحقق من الأكواد المفقودة في القالب الخاصة بالتعليقات أو التحقق من شرح تخصيص القالب والذي قد يكون رمز واحد يمنع ظهورها هناك اسباب كثيرة لااستطيع ان اساعدك كما تعتقد
وبالتالي عليك الرجوع للمكان الذي حملت منه القالب هل التعليقات تظهر اذا كان الجواب نعم عليك معرفة الفرق وماهو المفقود في قالب مدونتك
اخى مداد ما رايك فى التطوير الجديد للقالب
اخى هل لديك طريقة لأضافة تعليقات disqus بالعربية كما فى igli5.com و غيرها من المواقع
أخي لا يوجد طريقة لتحكم باللغة الخاصة بهذه التعليقات ولكن قد تعتمد على الحساب المسجل لديها او المكان جرب واضفها هل سوف تظهر عربية لديك؟
ملاحظة لا انصحك بإستخدام سوى تعليقات مدونتك لماذا؟ إن كل التعليقات الاخرى تظهر على شكل نافذة داخل الموقع ولكن تعليقات بلوجر تكون ضمن الموقع يعني انها سوف تؤرشف في محرك بحث جوجل ولكن تلك لن تكون مؤرشفة في محرك بحث جوجل مع مدونتك
كذلك يمكنك التحكم بها من خلال كل موضوع تستطيع منع التليقات منه او ايقافها في اي وقت او إخفائها من موضوع معين
موضوع وشرح ممتاز جدا
اخي ارجوا المساعدة
انا ركبت كود التعليقات هذ وظهر عندي ايضا صندوق تعليقات الفيسبوك اريد ان احذف صندوق تعليقات الفيسبوك
انا حذفت الكود الذي في المشاركة السابقة
ولكن اتضح انه مازال صندوق تعليقات الفيسبوك موجود ممكن طريقة لحذف صندوق تعليقات الفيسبوك ؟
في انتظارك اخي الحبيب لحل هذه المشكلة لدي
شكرا صديقى (h) (f)
واعدك اننى سوف اقوم بازالة قالبك ان اردت ذلك
ولكن هل تسمح لى بان ابقيه واعدل عليه تعديلات بيسطة كى لا يتشابه مع قالبك
السلام عليكم , كيف احذف صندوق تعليقات الفيسبوك من هذه الاضافة لست فى حاجة لصندوق تعليقات الفيس احتاج فقط صندوق تعليقات بلوجر !
أسف على التأخير قم بحذف الكود التالي:
<b:if cond='data:blog.pageType == "item"'>
<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>
السلام عليكم اخي انا لدي مشكلة في القالب وهي عندما اضع كود htmlداخل مربع في المدونة واذهب الى الصفحة الرئيسية تضهر لي التدوينة او الموضوع كامل من تحت المربع فالحل هو!
ولماذا؟
اسف للتأخير بالرد
الرجاء توضيح المشكلة اكثر او ارفاق صورة
أرجو الرد سريعا
أخي كل الإضافات تعمل بشكل جيد يجب عليك اضافة الاكواد في مكانها الصحيح كما هو منصوص عليها في الشرح حاول
شكرا شكرا يا أخى لاكن عندما أنشر و غيرى ينشر تعليق لا يظهر ماذا أفعل
شكرا لك
عفواً عزيزي محمد أتشكر مرورك
السلا، عليك، اخي مداد شكرا على الشرح الرائع ، اريد اضافة صندوق تعليقات عادي يضم مكان الاسم والبريد و التعليق مثل بعض المواقع ، كما اريد طريقة اضافة ايقونات بجانب الاقسام مثل الدي لديك ، بارك الله فيك اخي مداد 🙂
التعليقات لا تظهر أخى الكريم
بارك الله فيك , أخي الخط لم يتغيّر لدي فقط طريقة عرض التعليقات تغيّرت فما الحل .
أخي الخط سيظهر نفس الخط المُركب على مدونتك
لتغيير خط التعليقات يجب عليك اختيار خط جيد لمدونتك وتغيير جميع الخطوط الخاصة بالقالب بما في ذلك التعليقات
x-) x-) x-) x-) x-) (k) (k) (k) (k) (k) (h) (h) (h) (h) (h) شكرا على متابعتى لقد أصلحتة
=)) عفواً صديقي
مرحبا مجدداً أخى مداد أنا أريد تغير صورة مشرف بصور أخرى هل يمكن
أهلا محمد، يمكنك تغيير الصورة بإستبدال الرابط الخاص بها:
http://1.bp.blogspot.com/-k4w3VD-NeRw/Uwe9Re2IKKI/AAAAAAAAVIs/jxSSRFyugtc/s1600/author.png
بارك الله فيك
(h)
افضل قوالب بلوجر لعام 2015 الان حصرياً إضغط هنا
هل من الممكن تعديل مربع التعليق جوجل في بلوجر ?
تغيير لونه وحجمه وتغييركلمة( اكتب تعليق… الموجودة داخل المربع
اقصدالمربع الذي نكتب فيه التعليقات
بحت كتيراً و كتيراً و لم أجد
أنا أريد أن أعدل الcss فيه و لكن بدون جدوى
تعليقات جوجل بلس مضمنة وبالتالي من الصعب جدًأ التعديل عليها
كيف اغير عرض التعليقات بلوجر
اخى العزيز ممكن اعرف طريقة الاشراف على تعليقات الفيسبوك الموجود فى موضوعك؟
يُمكن الإشراف على تعليقات مدونتك من خلال حسابك الذي أنشئت فيه التطبيق من هنا https://developers.facebook.com/tools/comments/
x-)أنا اسف على إزعاجى لك يا أخى لكن x-)
:>)هل يمكن أن تقيم مدونتى : http://first-m.blogspot.com/ :>)
أنت تقوم بالنسخ من المدونة وتطلب المساعدة @-)
😕
لا يمكن ذلك أخي على تعليقات بلوجر ولكن لو اردت اضافة تعليقات من جهة خارجية يمكنك ذلك ولكن لا انصحك بها لانها لا تؤرشف من جوجل
سوف أفعل وكلامك انت يمشى :-# حضرتك لما أحط مدونة من الموجدين على بلوجر التعليقات تظهرولما أحط قالب تختفى
1 صندوق التعليقات لا يختفى لاكن التعليقات تختفى
2 لو وضعة قالب من الموجدين على بلوجر التعليقات تظهر وليس الصندوق
هل تفهمنى أخى
عاينه الان من الرابط التالى
http://dabourphone.blogspot.com/
السلام عليكم الاخ مداد الجليد
بارك الله فيك على المدونة والشروحات المميزة جدا
اخي انا عندي مشكلة بتعليقات مدونة بلوقر
انا فعلت خاصية التعليقات للكل وسمحت للكل بالتعليقات حتى (المجهول) (الغير معروف) سمحت لهم بكتابة التعليقات ولكن ظهرت لديهم مشكلة وهي عندما يكتب تعليق تظهر له هذه الرسالة التي بين القوسين التي بالاسفل
( يُرجى إثبات أنك لست برنامج روبوت )
سؤالي اخي مداد كيف استطيع الغاء هذه الرسالة لكي تنحل المشكلة لديهم ؟ في انتظار مساعدتك لي اخي الفاضل ولك جزيل الشكر بارك الله فيك
وعليكم السلام ورحمة الله وبركاته
يمكن إلغاؤها من خلال إعدادات المدونة ثم أنقر على "المشاركات والتعليقات والمشاركة –> أنزل اسفل قليلا سوف تجد "إظهار كلمة التحقق" بجانبها ضع اشارة على لا
جميل
مرحبا بك عزيزي
بالحقيقة لا لم اتحقق من التعليقات بأن الفيديو يعمل ولكن سوف نجرب من خلال هذا التعليق
https://www.youtube.com/watch?v=PtZ0ldgk3lw
https://www.youtube.com/embed/PtZ0ldgk3lw
يبدو ان خاصية عرض الفيديو لا تعمل ولكن حتى ولو كانت تعمل لاانصح بها لانها سوف تؤدي الى ثقل في المدونة
ماقصرت اخي الحبيب
وشكرا لك على التجربة وسرعة الرد والافادة
شكراً لكلماتك الطيبة بارك الله فيك أخي الكريم ونفعنا واياك، نعم هناك طريقة واحدة أضف موقعك إلى محرك بحث جوجل ثم إبدأ بمواضيع حصرية لمدونتك لا تستعمل اساليب اخرى مثل جلب الزيارات او غيرها المحتوى فقط هو القادر على زيادة ترافيك مدونتك ولا يمكنني نصحك بغير ذلك
شكرا اخى , لدى طلب اخر وهو طريقة اضافة روابط داخل التدوينات كما بهذا الشكل فى هذه الصورة http://goo.gl/nzAXJW
العفو أخي، تقصد روابط التدوينة أم روابط اخرى تريد إضافة لها تأثيرات
يمكنك ذلك بإستخدام مؤثرات خاصة اجمل من هذه الروابط بتقنية css وهناك الكثير من الاكواد التي تشمل تأثيرات على النصوص أو الروابط
شكرا اخى على سرعة استجابتك , اقصد روابط كروابط تحميل مثلا وكماا قلت اريد اضافة تأثيرات على روابط التحميل ولو كان هناك افضل من الصورة التى ارفقتها سابقاً فسيكون افضضل بالنسبة لى
اهلا بك، لدينا موضوع فيه العديد من الازرار الرائعة بختلف الالوان
http://www.madad2.com/2014/03/Buttons-blogger.html
بالمكان الذي ظهرت فيه الصورة ضع رابط الصورة نفسه او ضع صورة خاصة بك
http://1.bp.blogspot.com/-k4w3VD-NeRw/Uwe9Re2IKKI/AAAAAAAAVIs/jxSSRFyugtc/s1600/author.png
مرحبًا بك
فقط أحذف الكود من الكود أعلاه وأضفه من جدسيد:
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
الف شكر لك ياغالي على الافادة
مدونة جد جد مميزة ومفيدة لكل مدون
عزيزي تعمل بشكل جيد لكنها لا تظهر كما هو الحال في هذه
وعليكم السلام
هذه الابتسامات بشكل افتراضي لا تظهر بالمدونة هي ابتسامات ياهو لكن اذا كنت ترغب بإضافة إبتسامات لمدونتك من خلال الرابط التالي:
http://www.madad2.com/2013/03/blog-post_2774.html
هل يعنى ان الابتسامات فى هذا الكود لن تعمل مرة اخرى ؟ كيف ازيلها من الكود بالاعلى ؟