الفوتر أسفل قوالب بلوجر

     الفوتر أسفل قوالب بلوجر

أسفل, الفوتر, بلوجر, قوالب, 











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

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

blogger icon

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

إذهب إلى لوحة تحكم بلوجر



 ثم تحرير قالب
إحتفظ بنسخة إحتياطية من القالب
قم بالبحث عن هذا الكود بإستخدام 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

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

إذهب إلى لوحة تحكم بلوجر ثم تحرير قالب
إحتفظ بنسخة إحتياطية من القالب
قم بالبحث عن هذا الكود بإستخدام 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>


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

انتظر تعليقاكم

تقبلو تحياتى

مختارات

السيو

صيغ قانونية هامة

موقعك أو مدونتك أسرع

الحفاظ على تصنيف جوجل

اداه المقالات العشوائيه لمدونتك 

اداة مواضيع ذات صلة بأشكال متعددة

أسفل, الفوتر, بلوجر, قوالب,