تقسيم الفوتر إلى أعمدة متعددة أسفل قوالب بلوجر
يهتم معظم المدونين على بلوجر بإضافة بعض الأدوات فى أسفل قالب المدونة أو ما يعرف بالفوتر (Footer) مثل أرشيف المدونة، أداة المتابعين، أحدث التعليقات،...وغيرها من الإضافات لكن بعض القوالب
تفتقد إلى وجود مكان أسفل صفحة المدونة لذلك سننتطرق فى هذا الموضوع إلى
كيفية إضافة ثلاثة أو أربعة أعمدة أسفل المدونة لتنسيق أفضل للقالب وعدم
تكدس الأدوات بالأعمدة الجانبية.
1. إضافة ثلاث أعمدة أسفل مدونة بلوجر
- إذهب إلى لوحة تحكم بلوجر ثم تحرير قالب
- إحتفظ بنسخة إحتياطية من القالب
- قم بالبحث عن هذا الكود بإستخدام 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. إضافة أربعة أعمدة أسفل مدونة بلوجر
- إذهب إلى لوحة تحكم بلوجر ثم تحرير قالب
- إحتفظ بنسخة إحتياطية من القالب
- قم بالبحث عن هذا الكود بإستخدام 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>
ثم قم بحفظ القالب وقم بمعاينة تخطيط القالب ستجد الثلاث أعمدة التى يمكن إضافة الأدوات بها.
إرسال تعليق