عرض مشاركة واحدة
قديم 02-05-2014, 02:14 PM   #1
Blog-Add
مدون نشيط
 
تاريخ التسجيل: Feb 2014
المشاركات: 124
افتراضي اضافة ثلاث اعمدة بالفوتر - اضافات بلوجر

السلام عليكم ورحمة الله وبركاتة



اقدم لكم اليوم شرح اضافة 3 اعمدة بالفوتر تستطيع اضافتهم في تصميم مدونتك

والاستفادة منهم في وضع اي اضافات تحتاجها لتحسن من مظهر مدونتك

الشرح :

اذهب الي القالب ثم تحرير HTML وابحث عن : ]]></b:skin>

اضف فوق هذا الكود التالي :

كود PHP:
#footer-column-container {
clear:both;
}

.
footer-column {
padding10px;

ثم قم بالبحث عن : <div id='footer-wrapper'>

ثم اضف هذا الكود بعده :

كود PHP:
<!-- معهد خبراء بلوجر -->
<
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 {
padding10px;
}
<!-- 
معهد خبراء بلوجر --> 
سوي حفظ للقالب واذهب الي صفحة التخطيط وستجدهم قد ظهرو بالصفحة

تمنياتي بالتوفيق

الدعم العربي

Blog-Add غير متواجد حالياً   رد مع اقتباس