Subcribe to our RSS feeds Join Us on Facebook Join Us on Facebook Join Us on Facebook Follow us on Twitter Add to Circles

كيفية اضافة ثلاث اعمدة بأسفل المدونة وبدون اخطاء 3 column

كينج نت ملك النت | 1/26/2013 | | |
اضافة ثلاث اعمدة بأسفل المدونة لمدونات بلوجر وبدون اخطاء تم تجربتها على مدونة تجربية قبل ان اضع لكم هذه الطريقة وبالفعل الأضافة تعمل بنجاح وبدون اى مشاكل دائما صاحب المدونة يريد بأن يضع اضافات اسفل المدونة كالأعلانات والتسميات والمتابعون او اى اضافة اخرى ولكن القالب لايوجد بة هذه الأمكانية رغم ان صاحب المدونة يعجبة القالب فالله الحمد وجت لكم هذه الطريقة من احدى المدونات الأجنبية وقمت بتجربتها اولا على مدونة تجربية والأضافة رائعة وسنحتاجها فيما بعد لزيادة جمال المدونة واضافة الأشياء الذى تريدها نأتى الأن الى طريقة التركيب فهى ليست معقدة وكما تعودنا قبل تركيب اى كود يجب اخذ نسخة احتياطية لتفادى اى خطاء بالنسبة للمبتدئين ادخل الى هذا الرابط لتعرف طريقة اخذ نسخة احتياطية :  درس للمبتدئين اخذ نسخة احتياطية لقالب المدونة الان قم بتخريب القالب كما تشاء لان يوجد لدينا نسخة احتياطية تابع معى الشرح لطريقة تركيب الأضافة :

فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالبالأن اضغط على تحرير HTML

















الان اضغط على زر متابعة












الان قم بتوسيع القالب كما واضح لتا بالصورة التالية













الان اضغط على CTRL + F من الكيبورد لظهور عملية البحث عن الأكود بالمتصفح
ابحث عن هذا الكود :

 </body>
اضف بعدة مباشرة هذا الكود :

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

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

 ]]></b:skin>

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


/* ----- LOWER SECTION ----- */ #lower { margin:auto; padding: 0px 0px 10px 0px; width: 100%; background:#ffffff ; } #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; }

فى الأخير قم بعملية الحفظ  وستجد بأن ثلاث خانات تم وضعهم بالتخطيط
ارجو بأن هذه التدوينة اعجبتكم وانتظرو قريبا تدوينة مفيدة
(( لا خير فى كاتم العلم ))

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

إرسال تعليق

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

الأرشيف