تقسيم الفوتر إلى أعمدة متعددة أسفل قوالب بلوجر

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

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

1. إضافة ثلاث أعمدة أسفل مدونة بلوجر

1. إذهب إلى لوحة تحكم بلوجر ثم تحرير قالب
2. إحتفظ بنسخة إحتياطية من القالب 
3. قم بالبحث عن هذا الكود بإستخدام Ctrl+F

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

إذا لم تجد هذا الكود إبحث عن Footer-wrapper, footer-wrap, footer, footer-end أو ماشابهها -تختلف التسمية من قالب لآخر-  ستجده داخل  كود يشبه الكود السابق .

ثم قم بإستبداله بالكود التالى:

<div id='footer-columns'>
<div id='footer1' style='width: 30%; float: right; margin:0;
text-align: right;'>
<b:section class='footer-column' id='col1' preferred='yes'
style='float:right;'/>
</div>
<div id='footer2' style='width: 40%; float: right; margin:0;
text-align: right;'>
<b:section class='footer-column' id='col2' preferred='yes'
style='float:right;'/>
</div>
<div id='footer3' style='width: 30%; float: right; margin:0;
text-align: right;'>
<b:section class='footer-column' id='col3' preferred='yes'
style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

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

2. إضافة أربعة أعمدة أسفل مدونة بلوجر

1. إذهب إلى لوحة تحكم بلوجر ثم تحرير قالب
2. إحتفظ بنسخة إحتياطية من القالب 
3. قم بالبحث عن هذا الكود بإستخدام Ctrl+F

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

إذا لم تجد هذا الكود إبحث عن Footer-wrapper, footer-wrap, footer, footer-end  أو ماشابهها  (هذه الأكواد تختلف من قالب لآخر) ستجده داخل  كود يشبه الكود السابق .

ثم قم بإستبداله بالكود التالى:

<div id='footer-columns'>
<div id='footer1' style='width: 25%; float: right; margin:0;
text-align: right;'>
<b:section class='footer-column' id='col1' preferred='yes'
style='float:right;'/>
</div>
<div id='footer2' style='width: 25%; float: right; margin:0;
text-align: right;'>
<b:section class='footer-column' id='col2' preferred='yes'
style='float:right;'/>
</div>
<div id='footer3' style='width: 25%; float: right; margin:0;
text-align: right;'>
<b:section class='footer-column' id='col3' preferred='yes'
style='float:right;'/>
</div>
<div id='footer4' style='width: 25%; float: left; margin:0;
text-align: right;'>
<b:section class='footer-column' id='col4' preferred='yes'
style='float:left;'/>
</div>
<div style='clear:both;'/>
</div>

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

إقرأ أيضا:أضف قائمة رأسية ثابتة بالأقسام الهامة لمدونات بلوجر

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

بقلم Dr.Rasha Omran

مطورة تطبيقات الهاتف ، سفيرة ببرنامج Women Techmakers التابع لجوجل ، أهتم بالمحتوى الرقمى وأحببت أن أدون كل ما تعلمته فى هذا الموقع للإفادة فى أعمال هادفة