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

فى كثير من الاحيان يعجبك قالب معين ولكن تفاجئ انه ليس به اعمدة فى اسفله مع انك بحاجة الى ذلك . لكن الان مع هذه الاضافة يمكنك اختيار اي قالب تريد حتى ولو لم يكن به اعمدة فى اسفله او حتى لو معك قالب فى مدونتك تريد ان تضيف له ثلاث اعمدة فى الاسفل فاليك هذه الاضافة الجميلة التي طبقتها على مدونتي فمدونتي لم يكن بها اعمدة فى الاسفل ولكنى قمت باضافتها واليك الخطوات 1- اذهب الى قالب ثم اضغط على تحرير HTML.
2- ابحث عن هذا الكود .

]]></b:skin>

3 - ثم قبله مباشرة اضف هذا الكود

/* -----   LOWER SECTION   ----- */
#lower {
       margin:auto;
       padding:0px 0px 0px 0px;
       width:100%;
       background:#252525;


}
#lower-wrapper {
       margin:auto;
       padding:30px 0px 20px 0px;
       width: 1030px;

}

#lowerbar-wrapper {
       border:1px solid #EFF4F0;
       background:#EFF4F0;
       float: right;
       margin: 0px 5px auto;
       padding-bottom: 20px;
       width: 30%;
       text-align: right;
       font-size:100%;
       line-height: 1.6em;
       word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
       overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

       .lowerbar {margin: 0; padding: 0;}
       .lowerbar .widget {margin: 0; padding:10px 20px 0px 20px;}

.lowerbar h2 {background: #7AA1C3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibLHPedWoWMwkYxzs7yVkBkT6hIGRTBjf1N1DPg3kLf0tCAGsAf_MUuwFe-npFYdlf2TLjB5WBFf8xFjXREmhxOorv1SJZ6AOa3PnVaPlBFRJ7YGb5o8R7lnp7B2tN43A2svW-ggNWNfSy/s1600/headline1.png);
       margin:0px 0px 10px 0px;
       padding:3px 0px 3px 0px;
       text-align: center;
       color:#FFFFFF;
       font-weight: blod;
       font-size:18px;
       border-bottom: 2px solid #7AA1C3;
}

.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 solid #ccc;
}

4- ثم ابحث عن هذا الكود

</body>

5- ثم بعده مباشرة اضف هذا الكود

<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>