الدرس الثامن افكار لتغيير شكل المدونه

الدرس الثامن

افكار لتغيير شكل المدونه

فى الدرس السابق تحدثنا عن التحكم الكامل بالمشاركات
و اليوم سنذكر بعض الطرق لتخصيص شكل التعليقات و المشاركات

طريقه تغيير عباره " اقرأ المزيد أو مزيد من المعلومات "

نلاحظ فى الصفحه الرئيسيه للمدونه وجود مقتطفات من المشاركات و ليس كلها و لتكمله الموضوع تجد عباره " مزيد من المعلومات اسفل كل تدوينه
انظر الصوره




لتغيير هذه العباره هناك عده طرق سنذكر اسهلها

من لوحه تحكم المدونه اختر تخطيط
ثم تحرير
انظر الصوره

إضغط على هذا الشريط لرؤية الصورة مصغره .

ثم غير " عباره مزيد من المعلومات " الى اى عباره ترغب فيها
و اضغط حفظ



و نلاحظ التغير
للمعاينه فى المدونه مباشره

اضغط هنا




طريقه اخرى

من لوحه تحكم المدونه اختر قالب ثم تحرير HTML

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

ارفع الملفات والصور مركز مشاركة الملفات | بوابة إنجاز التقنية - طريقة سهلة لتبادل الملفات

<img src='رابط الصورة '/>




طريقه تمييز تعليقك عن تعليقات المشاركين فى المدونه

لكى تكون النتيجه بهذا الشكل

إضغط على هذا الشريط لرؤية الصورة مصغره .

من لوحه تحكم المدونه
اختر قالب ثم تحرير HTMLو اختر توسيع القالب ثم ابحث عن هذا الكود باستخدام ctrl + F
]]></b:skin>
و فوقه مباشره ضع هذا الكود
.blog-author-comment {
border: 1px solid #043b3d;
background: #dddddd;
}

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


ابحث عن هذا الكود
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
و ضع مكانه الكود التالى :

<b:if cond='data:comment.adminClass == dataost.adminClass'>

<dd class='blog-author-comment'>

<p><data:comment.body/></p>

</dd>

<b:else/>

<dd class='comment-body'>

<b:if cond='data:comment.isDeleted'>

<span class='deleted-comment'><data:comment.body/></span>

<b:else/>

<p><data:comment.body/></p>

</b:if>

</dd>

</b:if>

يمكنك معاينه شكل الرد مباشره فى المدونه من هنا


طريقه اضافه نص فوق صندوق التعليقات


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

و تكون النتيجه كالتالى





انتهى درسنا اليوم

الدرس القادم

الزوار و الأرشفه

تحياتى