-->

تقنية ، إنترنت ، برامج ، دينية ، إقتصادية ، إجتماعية ، تعليمية ، رياضية

سُبْحَانَ اللَّهِ وَبِحَمْدِهِ ... سُبْحَانَ اللَّهِ العَظَيم

الأربعاء، 29 يناير 2014

شرح اضافة ثلاثة أعمدة في الفوتر بمدونة بلوجر

شرح اضافة ثلاثة أعمدة في الفوتر  بمدونة بلوجر


قبل أن نضيف أي كود  بمدونة بلوجر ، يجب أن نأخذ  نسخة إحتياطية من قالب المدونة ،  ولكي نضيف كود إضافة ثلاث اعمدة اسفل المواضيع بمدونة بلوجر  نتبع الخطوات التالية :



شرح تفصيلي لطريقة التركيب  بالنسبة لمحرر بلوجر  الحديث

1- ندخل الى لوحة تحكم المدونة .  

 2- نضغط على كلمة  قالب  من القائمة الجانبية   مثل الصورة التالية :





بعد الضغط على كلمة قالب سوف تظهر لنا شاشة مثل الصورة التالية:




 ومن  تلك الصورة السابقة نضغط على تحرير   HTML    ، لكي يظهر لنا الصورة التالية:  









3- نبحث عن الكود التالي (اضغط على CTRL + F من الكيبورد لظهور عملية البحث ):
</body>
4 - بعد أن نجد الكود السابق  نضيف الكود التالي بعده مباشرة :

<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>
5- ثم نبحث عن  الكود التالي  :  
]]></b:skin>
 6 - بعد أن نجد الكود السابق  نضيف الكود التالي قبله مباشرة :

/* -----   LOWER SECTION   ----- */
#lower {
       margin:auto;
       padding: 0px 0px 10px 0px;
       width: 100%;
       background:#dde9f3;
}
#lower-wrapper {
       margin:auto;
       padding: 20px 0px 20px 0px;
       width: 960px;

}

#lowerbar-wrapper {
     border:1px solid #DEDEDE;
       background:#fff;
       float: right;
       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: right;
       color:#0084ce;
        text-transform:uppercase;
      font: bold 13px 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;
}

7- نضغط على زر حفظ التغيرات   لكي يتم حفظ القالب .
جزى الله خيرا كل من ساهم فيه

 

ليست هناك تعليقات:

إرسال تعليق