أخر الاخبار

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

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


كيفية اضافة 3 أعمدة أسفل المدونة  والتي هي تمثل اهميه كبيره  في المدونه فمن فوائد هذه الاضافة  تنظيم و تنسيق المدونة لكن للاسف اغلب القوالب لاتحتوي على هذه الاعمده فبالتالي لن تستفيد من اسفل هذه المدونه ويعوداثرها على تشوييه المدونه من الاسفل مما قد تسبب ازعاج لزوار مدونتك


انتقل إلى لوح تحكم مدونتك،إختر  قالب وتحرير html لكن لاتنسى قبل ذالك اخذ نسخه احتياطيه للقالب
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم  CTRL+F

]]></b:skin>

ثم قم بلصق الكود التالي فوقه

#footer-column-container {
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;
}



من ثم قم بحفظ القالب  ومبروك عليك ثلاث اعمده
تعليقات



    حجم الخط
    +
    16
    -
    تباعد السطور
    +
    2
    -