الدرس السابع ( عمل مدونة ناجحة 2013 )

  ... http://adf.ly/OUIFA

الدرس الثامن

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

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

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



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

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

هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 1111x538 .

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



و نلاحظ التغير





طريقه اخرى

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

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

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

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






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

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

هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 612x352 .

من لوحه تحكم المدونه
اختر قالب ثم تحرير 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>

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


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


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

هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 900x615 .

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






انتهى درسنا اليوم
  http://adf.ly/OUJIq

التصنيفـات الربح من الانترنت ,انشاء مدونة ناجحة مجاناً