إضافة خانات جديدة في وسط الصفحة الرئيسية لبلوجر

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

1 – نبدأ بفتح أداة تغيير القالب، وبالضغط على Ctrl+F سنبحث عن ]]></b:skin> لإضافين هذين الكودين:

كود 1 فوق ]]></b:skin> :

#col-left {
width: 48%;
float: left;
}
#col-right {
width: 48%;
float: right;
}

كود 2 تحت ]]></b:skin> :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
#blog-pager {
display:none;
}
.feed-links {
display:none;
}
</style>
</b:if>

الهدف من  الكود 2 بالأحمر هو إظهار محتوى الخانتين على الصفحة الرئيسية فقط كما رأينا سابقا في التحكم في إظهار وإخفاء أدوات بلوجر. لمن يريد إظهار الخانتين يكفي حذف السطرين بالأحمر.

2 – ثم في خيارات اداة تغيير القالب نضغط على "تنسيق النموذج"

3 – Ctrl+F من جديد لنبحث عن <b:section class='main' id='main' showaddelement='no'> ، بعد إيجاده سيبدو بهذا الشكل:

4 – سننسخ الكود التالي ونلصقه في المكان المحدد بالسهم الأحمر في الخطوة 3 قبل </div> :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='sidebar' id='col-left' showaddelement='yes' />
<b:section class='sidebar' id='col-right' showaddelement='yes'/>
<div style='clear: both;'/>
</b:if>

الكود بالأحمر كما اشرنا أعلاه هو لإظهار الخانتين على االصفحة الرئيسية فقط.
5 – نحفظ القالب، وبفتح أداة "التخطيط" سنكتشف أنه تمت خانتين جديدتين في الوسط.

يمكنكم إضافة ما تشاءون الآن من أدوات..