إنظم لصفحتنا على الفيسبوك

أهلا ومرحبا بكم فى مدونة 'إنتو عرب' ، اتمنى لكم الاستفادة :)

الاثنين، 13 يوليو 2015

إضافة 3 أعمدة في الأسفل مدونتك


من المهم جداً وضع ثلاث 3 أعمدة في قالب بلوجر لكي تضع فيها وصف للمدونة أو أقسام المدونة أو فريق المدونة أو حتى أي شيء يخطر على بالك.
في هذا الموضوع سوف نتطرق الى كيفية اضافة 3 أعمدة أسفل المدونة والتي تحظى بها القليل من المدونات ،وتتمثل أهمية هذه الاضافة في تنظيم و تنسيق المدونة و اجتناب تراكم أدوات بلوجر مما قد تسبب ازعاج لزوار مدونتك .
طريقة التركيب :
  • 1- انتقل إلى لوحة تحكم مدونتك.
  • 2- اختر قالب (لا تنسى أخذ نسخة احتياطية للقالب)
  • 3- اختر (تحريرHTML)
  • 4- ضع علامة في خانة توسيع القالب.
  • 5- قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (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>
ثم قم بإضافة الكود التالي بعده:
والآن قم بحفظ القالب واذهب إلى تخطيط وسترى النتيجة.

  • تعليقات المدونة (0)
  • تعليقات الفيسبوك ()