شرح اضافة ثلاث قوائم بالفوتر للبلوغر

   

 قد لاحظ أن العديد من المدونات أصبحت تستعملها لأناقتها وسهولة تركيبها  وأنا بنفسي بحت عنها في العديد من المنتديات العربية لكن أغلبها لم تفلح لأنها غالبا ما يسألونك من انه لا بد من وجود 'footer-wrapper'
لكنها قد لا تكون موجودة في جميع القوالب
 نبدأ على بركة الله
  لابد من أخد نسخة للقالب قبل التعديل
ادهب الى لوحة تحكم بلوجر>قالب>تعديل HTML>تم تضع علامة أمام'توسيع قوالب عناصر واجهة المستخدم '

ابحت عن 

]]></b:skin>

                                                    وبعد أن تقوم بايجادها
                                                 ضع هدا الكود قبله مباشرة

/* -----   LOWER SECTION   ----- */ 
#lower { 
       margin:auto; 
       padding: 0px 0px 10px 0px; 
       width: 100%; 
       background:#333434; }  
#lower-wrapper { 
       margin:auto; 
       padding: 20px 0px 20px 0px; 
       width: 960px; 
} 
#lowerbar-wrapper { 
     border:1px solid #DEDEDE; 
       background:#fff;        float: left; 
       margin: 0px 5px auto; 
       padding-bottom: 20px;        width: 32%;        text-align: justify; 
       font-size:100%; 
       line-height: 1.6em; 
       word-wrap: break-word;  
       overflow: hidden; 
} 
       .lowerbar {margin: 0; padding: 0;} 
       .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;} 
.lowerbar h2 { 
      margin: 0px 0px 10px 0px; 
       padding: 3px 0px 3px 0px; 
       text-align: left; 
       color:#0084ce;         text-transform:uppercase; 
      font: bold 14px Arial, Tahoma, Verdana;        border-bottom:3px solid #0084ce;} 
.lowerbar ul { 
      margin: 0px 0px 0px 0px; 
      padding: 0px 0px 0px 0px; 
      list-style-type: none; 
} 
.lowerbar li { 
      margin: 0px 0px 2px 0px; 
      padding: 0px 0px 1px 0px; 
      border-bottom: 1px dotted #ccc; 
}

                                              بعدها ابحت من جديد على

</body>

                                                تم اكتب فوقها مباشرة 

 <div id='lower'> 
<div id='lower-wrapper'> 
<div id='lowerbar-wrapper'> 
<b:section class='lowerbar' id='lowerbar1' preferred='yes'> 
</b:section> 
</div> 
<div id='lowerbar-wrapper'> 
<b:section class='lowerbar' id='lowerbar2' preferred='yes'> 
</b:section> 
</div> 
<div id='lowerbar-wrapper'> 
<b:section class='lowerbar' id='lowerbar3' preferred='yes'> 
</b:section> 
</div> 
<div style='clear: both;'/> 
</div> </div>

                                                   اضغط معاينة للتأكد 
                                              وعند الانتهاء احفظ القالب
                                                        مبرووك 

شاركها !

الموضوع من طرف : Unknown

مدون مغربي ؛ يعشق التدوين ؛ يهتم بمتابعة أخبار التكنولوجيا ؛ هدفي مساعدة الاخرين على تطوير قدراتهم وتقديم لهم الدعم . يمكنك متابعتي من خلال : الفيسبوك. تويتر. جوجل بلس

تعليقات الفيسبوك .... شاركنا رأيك !