طريقة ضبط محاذاة الكتابة فى مواضيع المدونة ~ فور تك اونلاين

طريقة تنسيق محاذاة مواضيع المدونة في الصفحة الرئيسية

السلام عليكم ورحمة الله وبركاتة . اليوم نبداء بدرس جديد عن كيفية تنسيق محاذاة مواضيع الصفحة الرئيسية لمدونة بلوجر ؟ طبعاً هل شاهدتم يوما ان نص مواضيع مدونتكم وخصوصا في الصفحة الرئيسية مبعثرة غير منسقة ؟ هل تريدو ان تقوموا بتنسق محاذاة نص تدوينات الصفحة الرئيسية لتظهر بشكل جيد ومنظم وجذاب ؟ هناك الكثير من المدونات تستعرض عدد من المواضيع في الصفحة الرئيسية اي جزء من المقال متبوع بخاصية ( اقراء المزيد ) لذا لا توجد في بلوجر اداة او خاصية لتنسيق محاذاة نص مواضيع الصفحة الرئيسية مثل برنامج مايكروسوفت وورد . ( طبعا توجد في بلوجر خاصية محاذاة النصوص في صندوق تحرير الرسائل وهذا الخاصية للمقال بالكامل طبعا انا لا اقصدها بل اقصد كيفية محاذاة مجموع المواضيع الظاهرة في الصفحة الرئيسية ) لاحظ الصور التالية توضح الفكرة اكثرة ركزو شوية :

قبل تنسيق المحاذاة

%D9%83%D9%8A%D9%81-%D8%AA%D9%86%D8%B3%D9%82-%D9%85%D8%AD%D8%A7%D8%B0%D8%A7%D8%A9-%D8%A7%D9%84%D9%86%D8%B5%D9%88%D8%B5-%D9%81%D9%8A-%D8%A8%D9%84%D9%88%D8%AC%D8%B1

الصورة قبل تنسيق المحاذاة

بعد تنسيق المحاذاة

%D9%83%D9%8A%D9%81-%D8%AA%D9%86%D8%B3%D9%82-%D9%85%D8%AD%D8%A7%D8%B0%D8%A7%D8%A9-%D9%83%D8%AA%D8%A7%D8%A8%D8%A9-%D9%81%D9%8A-%D8%A8%D9%84%D9%88%D8%AC%D8%B1

الصورة بعد تنسيق المحاذاة

اذاً بعد مشاهدة الصور اعلاة وتوضيح الفكرة دعونا نبداء بشرح الخطوات :

1 - ادخل على لوحة تحكم المدونة .

2 - ومن لوحة التحكم قم باختيار : قالب - تحرير HTML - متابعة . ( بعد قيامك بحفظ نسخة احتياطية لقالب مدونتك )

3 - ضع علامة صح في مربع توسيع قوالب عناصر واجهة المستخدم .

4 - قم بالبحث عن الكود التالي .post باستخدام مفتاح ( Ctrl+F ) :

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}

ملاحظة : غالباً الكود الافتراضي في المدونة يكون كما هو موضح في الصورة التالية :

%D9%83%D9%88%D8%AF-%D8%AA%D9%86%D8%B3%D9%8A%D9%82-%D9%85%D8%AD%D8%A7%D8%B0%D8%A7%D8%A9-%D8%A7%D9%84%D9%86%D8%B5-%D9%81%D9%8A-%D8%A7%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A9

5 - قم بنسخ الكود التالي ولصقة في الاخير قبل القوس :

text-align:justify;

ليصبح الكود كالتالي :

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
text-align:justify;
}

ملاحظة : باختصار انسخ الكود الاخير هذا مباشرة وقم بلصقة في مدونتك بالكامل بين القوسين اي استبدلة مكان الكود الافتراضي الموجود في الصورة اعلاة ، بس انتبه تكرر القوسين .

6- ثم قم بمعاينة الصفحة للتاكد ثم اعمل حفظ . ومبروووووووك عليك وحظاً سعيداً ،،