دليل المدون

2013-09-25

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

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

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

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

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

blogger icon

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>

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

blogger-footer

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>


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

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

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

هناك 11 تعليقًا

  1. بارك الله فيك و في مواضيعك
    مزيدا من التألق!!

    www.al2afdal.com

    ردحذف
  2. إضافة أكثر من رائعة شكرا لكم !

    ردحذف
  3. رااائع ... نجحت معي مائة بالمائة

    ردحذف
  4. لو سمحتي اختي انا استخدم نفس القالب بتاعك الخمسة النمية1 وعاوز اضيف في الفوتر عمود علشان يبقو 4
    تقبلي مروري

    ردحذف
    الردود
    1. اذا كنت تستخدم نفس هذا القالب قم بالحتفاظ بنسخة احتياطية أولا ثم ابحث عن الكود التالى
      </b:section>
      <b:section class='fosec3' id='sfosec3' showaddelement='yes'>
      ثم فم بتكراره مع تغيير رقم 3 الى 4

      حذف
  5. السلام عليكم
    ممكن طريقة لتقسيم السلايدبار الي ثلاث اقسام زي اللي عندك
    في انتظار الرد
    ســواء yas او no

    ردحذف
    الردود
    1. سأعرض شرح مفصل لتقسيم السيدبار الموضوع القادم بإذن الله

      حذف
  6. السلام عليكم
    ممكن طريقة تقسيم السلايدبار الي ثلاث اقسام زي اللي عندك
    في انتظار الرد

    ردحذف
  7. السلام عليكم
    كيف أقسم الهيدر الى ثلاثة أقسام الرجاء الرد

    ردحذف

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

Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون