اضافة 3 قوائم للفوتر بشكل جذاب

معاينة الاداة

ولعمل ذلك
من لوحة التحكم اضغط على التخطيط – تحرير  html

ابحث عن :

]]></b:skin>

وللوصول لها بشكل اسرع اضغط f+crtl وعند ايجادها  اضف فوقها  مباشرة

واضف فوقها مباشرة هذا الكود:

/* ----- 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="code">
<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>

احفظ القالب ومبروك عليك الاضافة .