كيفية اضافة 3 أعمدة أسفل المدونة والتي هي تمثل اهميه كبيره في المدونه فمن فوائد هذه الاضافة تنظيم و تنسيق المدونة لكن للاسف اغلب القوالب لاتحتوي على هذه الاعمده فبالتالي لن تستفيد من اسفل هذه المدونه ويعوداثرها على تشوييه المدونه من الاسفل مما قد تسبب ازعاج لزوار مدونتك
انتقل إلى لوح تحكم مدونتك،إختر قالب وتحرير html لكن لاتنسى قبل ذالك اخذ نسخه احتياطيه للقالب
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم CTRL+F
]]></b:skin>
ثم قم بلصق الكود التالي فوقه
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
clear:both;
}
.footer-column {
padding: 10px;
}
ثم قم بالبحث عن الكود التالي:
<div id='footer-wrapper'>
فان لم تجد ابحث عن كود يحتوي على بعض هذه الكلمات
footer-wrap, footer, footer-end
ثم بعده اضف هذا الكود
<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
من ثم قم بحفظ القالب ومبروك عليك ثلاث اعمده
اذا كان لديك اي استفسار حول الموضع اكتبه هنا في التعليقات و لاتنسى زيارتنا مرة اخرى بمجرد كتابة1E0E.ME في جوجل سوف نكون بين يديك