هاك إضافة ثلاثة أعمدة فى الفوتر لبلوجر

السلام عليكم ورحمة الله وبركاته...

مما لا شك فيه أن الإهتمام بقالب مدونتك وجعله رائعا شيئا مهما من الأسباب التى تجذب الزائرين لمدونتك وجعلهم يزورون مدونتك فيما بعد

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

تابعوا معى كيفية إضافة الثلاثة أعمدة:

أولا : إذهب إلى لوحة التحكم الخاصة بك فى بلوجر من هنا

ثم بعد ذلك اختر قالب كما هو موضح فى هذه الصورة:

بعد ذلك إختر " تحرير 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; }

ثم غير #ffffff  إلى اللون الذى يناسب مدونتك فأنا جعلتها خلفية بيضاء لتتناسب مع البعض وإذا أردت معرفة لون مدونتك بهذه اللغة ضعها فى التعليقات وأنا سأضع لك لونها.

بعد ذلك إضغط على حفظ القالب.

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

وأرجو أن يكون الموضوع نال على إعجابكم وبالتوفيق لكم .. شاركنا برأيك فى هذا الموضوع.