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

النشرة البريدية @

إصلاح مشكل عدم تنسيق التخطيط في مدونة بلوجر

دروس، شرح، طريقة، بلوجر

تحتوي هذه المقالة على ما يلي

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

الطريقة:

1 ـ من لوحة التحكم Blogger إذهب إلى قالب => تحرير HTML.
(ننصح بأخذ نسخة احتياطية من القالب)
2 ـ نضع الكود الذي سيتحكم في شكل التخطيط ككل:
ابحث بالإستعانة بـ (CTRL+F) عن الكود ]]></b:skin> وضع قبله مباشرة الكود التالي:
body#layout {
    background-color: #F1F1F1;
    font-size: small;
    margin: 0px;
    text-align: center;
    width: 900px;
    padding: 50px 0px 00px;
}
3 ـ نضع الكود الذي سيتحكم في شكل كل عنصر من عناصر التخطيط، بعد الكود السابق مباشرة ـ مثال:
body#layout #header-wrapper {
    display: inline-block;
    margin: 0px;
    width: 500px;
}
يجب استبدال header-wrapper بمعرف كود Css الخاص بالعنصر المقصود، وهو يختلف من مدونة لأخرى ـ ولكي تجده ابحث بواسطة الأمثلة التالية:
Header - sidebar - footer …. 
ملاحظة: اكواد الـ Css هى الاكواد المسئوله عن ترتيب وتنسيق والوان استايل قالب بلوجر. وتكون بعد <b:skin><![CDATA[ مباشرة. 
يجب استبدال 500 بالعرض الذي تريد أن يكون العنصر عليه.
يمكن إضافة بعض الوسوم الأخرى حسب الحاجة.
3 ـ اضغط (حفظ) ... هنيئا لك :)

ليست هناك تعليقات :

أضف تعليق

free tracking