الأحد، 5 فبراير 2012

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

قراءة للموضوع

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

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

كيف تنسق محاذاة نصوص الصفحة الرئيسية لمدونات بلوجر
الصورة قبل تنسيق المحاذاة

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

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





















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

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

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

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

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

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
ملاحظة : غالباً الكود الافتراضي في المدونة يكون كما هو موضح في الصورة التالية :




5 - قم بنسخ الكود التالي ولصقة في الاخير قبل القوس :
text-align:justify;
ليصبح الكود كالتالي :
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
text-align:justify;
}
ملاحظة : باختصار انسخ الكود الاخير هذا مباشرة وقم بلصقة في مدونتك بالكامل بين القوسين اي استبدلة مكان الكود الافتراضي الموجود في الصورة اعلاة ، بس انتبه تكرر القوسين .

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

واخيرا اذا استمتعت بقراءة الدرس اعلاة قم بالاشتراك عبر بريدك الالكتروني ليصلك تحديثات المدونة من دروس مفيدة وحصرية لمدونات بلوجر كما يمكنك ان تتصفح فهرس المدونة للحصول على المزيد من المواضيع الاساسية التي قد تناسب مدونتك . والصلاة والسلام على رسول لله  ....... واي سؤال او استفسار نرجو التعليق ،،، 

15 التعليقات:

bahaa ali يقول...

مشكور على الموضوع يا ريت تساعدنى مش عارف اوصل لكود post بيجى كود شبهه فى مكان اخر يا ريت امساعده

خالد محمد (ابوخلود) يقول...

لاحظ صورة الكود في الخطوة رقم 4 تحت الملاحظة المؤشر عليه بالسهم الاحمر هل هو نفس الكود عندك ؟ اذا كان نفس الكود قم بنسخ آخر كود وضعة مكانه فقط

Unknown يقول...

جزاك الله خيراً

Räumung wien يقول...

Thaaanks

Allo Pc يقول...

مدونة
"Allo Pc"
ترحب بكم أجمل الترحيب
و تتمنى لكم وقتا سعيدا مليئا بالحب كما يحبه الله و يرضاه
فأهلا بكم في المدونة المباركة إن شاء الله
و نرجوا أن تفيدوا و تستفيدوا منها
لكم منا أجمل المنى و أزكى التحيات
http://allopcinfo.blogspot.com

Übersiedlung Wien يقول...

ThaaaankS :)

Zwangsräumung يقول...

شكراً على التوضيح

Internationale Umzug يقول...

الله يعينكم على المجهوووووووووووووود :)

Lagerung يقول...

Allah is with you ... :)

Umzug in die Schweiz يقول...

موفقين .. وعايزيين نشوف الجديد !؟

Räumung يقول...

Allah grant you success ... Where new themes ?!

Hausräumung Wien يقول...

تحياتى لكم .. فين الموضوعات الجديدة

Verlassenschaft Wien يقول...

شكراً ع الموضوع ..اتمنى عرض الجديد من الموضوعات

Wohnungsräumung يقول...

فجئنا دوووما بالجديد ... موفق

غير معرف يقول...

شكرًا تريليون..
بعض المدونات والمواقع تستحق أن تلغي أد بلوك عنها كلها.. وتتجول في الموقع مكافأة على مواضيعها المفيدة..