إضافه وبرمجه - اضف تعليق Taliaik صفحات هايف

مشاهدات الان السلام عليكم

1- الرسمي التطبيق وضع صوره لتعليق

ابحث عن هذا
<data:postCommentMsg/>
واستبداله في هذا الكود
<p align="center"><img src='ص' alt='اضف تعليقك هنا' title="اضف تعليقك هنا" /></p>

2- تطبيق اخر واحفظ نسختك الاصليه

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

<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>

واستبداله بهذا الكود:

<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>

ستجد بإذن الله أنماط النظام الجديد CSS ، بين السطور التالية :

<b:includable id='threaded_comment_css'>
<style>

***** هنا ستجد خصائص النظام****

</style>
</b:includable>

يمكنك التعديل عليها لضبط المحاذاة ، واللعب بالأكواد لتنسيق يناسب مدونتك ، وإن شئت فهذا تنسيق قمت بتحريره عند إعداد الموضوع ، كل ما عليك هو إضافته قبيل </style> ، بدون تحرير الكود الأصلي ، وأنصح أن تفعل نفس الشيء بحيث لو أردت الرجوع إلى الخصائص الافتراضية كل ما عليك هو حذف الكود المُضاف:

/* Restyle Threaded Comments*/
.comment-header {
background-color: #D8D8D8;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 1px gray;
padding: 5px;
text-align: right;
line-height:25px;}
.user {
font-style: normal;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
font-size: 11pt !important;
text-shadow: 0 0 1px silver !important;}
.datetime {
color: #A4A4A4;
float: left;}
.comments .comment-block {
margin-right: 48px;}
.comments .avatar-image-container {
float: right;}
.comments .comment-thread.inline-thread {
background-color: #FAFAFA;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 0 2px #D8D8D8;
width: 90%;}
.comments .comment .comment-actions a {
background: none repeat scroll 0 0 #424242;
border: 1px solid #424242;
border-radius: 6px 6px 6px 6px;
color: #FFFFFF;
cursor: pointer;
text-decoration: none;}
.comments .comment .comment-actions a {
background: none repeat scroll 0 0 #FAAC58;
border: 1px solid silver;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 3px silver;
color: #FFFFFF;
cursor: pointer;
font-family: tahoma;
font-size: 9pt;
margin: 3px;
padding: 3px;
text-decoration: none !important;}
.comments .comment-thread.inline-thread { text-align: right; }
.comments .continue { border-top: 1px dashed silver; }
/* Restyle Threaded Comments*/