طريقة تقسيم منطقة الفوتر لثلاثة اقسام

السلأآم عليكم ورحمه الله وبركآته 

اليوم موعدنا مع طريقه تقسيم منطقه الفوتر لثلآثه أعمده

طريقه التقسيم

 قبل كل شىء قم بحفظ نسخه من قالبك تلافيا للأضرار

 إذهب إلى مدونتك ثم لوحه تحكم بلوجر  ثم  قالب  ثم تحريرHtml  إضغط ctrl+f  توسيع القالب

اولا إبحث عن الوسم التالى

 

/* ----- 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; }


الآن إبحث عن 
 

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


ثم حفظ القالب والآن إذهب إلى تخطيط
ستجده بهذا الشكل

مبروك الإضافه إدعولى بالهدايه

- See more at: http://iconwpic.blogspot.com/2013/04/blog-post.html#sthash.P5f6Gx9A.dpuf