كيفية إنشاء أو إضافة عمودين في الشريط الجانبي في بلوجر

الرئيسية تطوير بلوجر كل كيفية إنشاء أو إضافة عمودين في الشريط الجانبي في بلوجر

تطوير بلوجركل

كيفية إنشاء أو إضافة عمودين في الشريط الجانبي في بلوجر

محمد عبد الوهاب 0

A+ A-

facebook twitter

بسم الله الرحمن الرحيم و الصلاة والسلام على اشرف المرسلين سيدنا محمد وعلى آله وصحبه الطيبين الطاهرين

موضوع اليوم بحثت كتير عنه شخصياً لحد ما وصلتله

وهو اضافة عمودين فى السايد بار

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

كيفية إنشاء عمودان في الشريط الجانبي لمدونة؟

تسجيل الدخول إلى الحساب الخاص بك مدون

انقر فوق علامة التبويب "Template"

انقر فوق علامة التبويب "تحرير HTML"

ملاحظة: قبل تطبيق هذا القالب تجربة النسخ الاحتياطي إذا كان أي شيء يذهب على نحو خاطئ يمكنك إعادة استخدامه مرة أخرى)

خطوة واحدة:

1- الآن البحث عن الكود التالى

#sidebar-wrapper {

width:220px;

word-wrap:br

float:right;

eak-word;

overflow:hidden;

}

2- أضف بعده مباشرة الكود التالى

#right-col {

width:48%;

float:right;

word-wrap:break-word;

overflow:hidden;

}

#left-col {

width:48%;

float:left;

word-wrap:break-word;

overflow:hidden;

}

3- أبحث عن الكود التالى

<div id='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar' preferred='yes'/>

</div>

4- أضف أواستبدلها مع الأكواد التالية

<div id='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar' preferred='yes'/>

<b:section class='sidebar' id='left-col' preferred='yes'/>

<b:section class='sidebar' id='right-col' preferred='yes'/>

</div>

يتم إضافة هذه المقتطفات والتى من شأنها أن تضيف في الواقع قطعتين فى أسفل شريط السايدبار الرئيسى.

معاينة القالب عن أي أخطاء و حفظه.

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

لابد أن تكون القطع على النحو التالى

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
< ..widgets here.. >
</b:section>
</div>

ضع الكود تحت </b:section> كما هو موضح أدناه

<div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'>< ..widgets here.. ></b:section><b:section class='sidebar' id='left-col' preferred='yes'/><b:section class='sidebar' id='right-col' preferred='yes'/></div>

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

تجدر الإشارة إلى:

هذا يعمل فقط مع قوالب التخطيط.

الوسوم: تطوير بلوجر كل