اضافة فوتر لمدونات بلوجر ثلاث اعمدة

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

معاينة الاضافة

-------------------

تجدها تحت 

---------------------------------------------------------

                                        قد يهمك 
                                  .....................
1- اضافة مواضيع ذات صلة لمدونات بلوجر
2- اضافة ترتيب الفرق وهدافي الدوري الاسباني للمواقع الرياضية
3- اجعل مدونتك كانها موقع اجتماعي بهاته الاضافة

--------------------------------------------------------

طريقة التركيب :

• ادخل مدونتك.
• توجه للقالب ثم ابحث عن </body> والصق هذا الكود قبله : 

<div id='ll-7lolblogger'>
<div id='ol-7lolblogger'>
<div id='jn-7lolblogger'>
<b:section class='pl-7lolblogger' id='qn-7lolblogger1' preferred='yes'>
</b:section>
</div>
<div id='jn-7lolblogger'>
<b:section class='pl-7lolblogger' id='qn-7lolblogger2' preferred='yes'>
</b:section>
</div>
<div id='jn-7lolblogger'>
<b:section class='pl-7lolblogger' id='qn-7lolblogger3' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>

ثم ابحث عن ]]></b:skin> وضع هذا الكود قبله او فوقه :

/* -----   three column footer   ----- */
#ll-7lolblogger {
       margin:auto;
       padding: 0px 0px 10px 0px;
       width: 100%;
       background:#F5F5F5;
}
#ol-7lolblogger {
       margin:auto;
       padding: 20px 0px 20px 0px;
       width: 960px;
}
#jn-7lolblogger {
     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;
}
       .pl-7lolblogger {margin: 0; padding: 0;}
       .pl-7lolblogger .widget {margin: 0; padding: 10px 20px 0px 20px;}
.pl-7lolblogger 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;
}
.pl-7lolblogger ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;
}
.pl-7lolblogger li {
      margin: 0px 0px 2px 0px;
      padding: 0px 0px 1px 0px;
      border-bottom: 1px dotted #ccc;
}

الاخضر : هو لتخصيص خلفية الادوات وقد حددت لك كود الخلفية .

الاصفر : هو الصندوق الذي يحمل هذه الثلاث الصناديق وتستطيع تغير حجمه من خلال 960px.

الازرق : هو الصناديق الثلاث.

الاحمر : عنوان الصناديق h2 .

ارجو ان يكون الدرس قد اعجبكم للمزيد من الاضافات الرائعة ارجو متابعتنا باستمرار