أهلا و سهلا بكم من جديد، في هذا الموضوع سوف نتطرق الى معرفة كيفية اضافة 3 أعمدة أسفل المدونة والتي تحظى بها القليل من المدونات ،وتتمثل أهمية هذه الاضافة في تنظيم و تنسيق المدونة و اجتناب تراكم أدوات بلوجر مما قد تسبب ازعاج لزوار مدونتك .

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).
ثم قم بإضافة الكود التالي بعده :
وأخيرا قم بحفظ القالب وتوجه الى صفحة تصميم و سوف تلاحظ إضافة 3 أعمدة في الأسفل
ننتظر تشجيعاتكم
ثم قم بلصق الكود التالي فوقه :]]></b:skin>
ثم قم بالبحث عن الكود التالي:#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
فإن لم تجده قم بالبحث عن كود يحتوي على كلمة footer-wrap, footer, footer-end أو ماشابهها .<div id='footer-wrapper'>
ثم قم بإضافة الكود التالي بعده :
<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
وأخيرا قم بحفظ القالب وتوجه الى صفحة تصميم و سوف تلاحظ إضافة 3 أعمدة في الأسفل
ننتظر تشجيعاتكم
روابط هذه التدوينة قابلة للنسخ واللصق | |
URL | |
HTML | |
BBCode |

56 تعليقات :
اخي الكريم آسف جدا ولكني لم افهم الموضوع لأنك قلت لنا في الأول أن نلصق الكود الأول فوقه ولكن في الكود الثاني قبله هل فوقه يعني ان نلصقه قبله أم بعده ام نستبدله به
اخي الكريم أعتذر لسوء الفهم و الخلط بين كملة "قبله" و "فوقه" فلهما نفس المعنى ،يعني يجب لصق الكودين الاول و الثاني فوق الاكواد المذكورة ،ولقد تم تصحيح العبارة في الموضوع لاجتناب اي التباس آخر ،فارجو المعذرة وشكرا للتنبيه
مشكور اخي الكريم ابو اياد
تم اضافة الفوتر في احد المدونات التي تطورتها ولاكن الكود الثاني لم يكن موجود ولاكن تم وضع الكود html في الكان المعتاد وهو في اسفل المدونة قبل الحقوق ونجح الأمر مشكور
تحياتي
مهند ناصر
للاسف فشلت التجربة معايا
المدونة الاولى لم اجد فيها كود div id='footerwrapper
المدونة الثانية طبقت زى ما قلت لكن حدث خطأ
ما اعرفش المشكلة فين مع انى طبقت زى ما قلت بالظبط
أزال المؤلف هذا التعليق.
بارك الله فيك أخي على الشرح . هذا ما كنت أبحث عنه
لا شكر على واجب أخي مبروك عليك
قم بالبحث عن هذا الكود بدلا من الآخر
<div id='footer'>
فان لم تجده قم بالبحث عن هذا الكود
<b:section class='footer' id='footer'/>
و قم باستبداله بالكود الثاني
للأسف أخي نفس المشكلة
معليش لا أتعبك معي سأبحث عن قالب آخر فيه هذه الاضافة
و بارك الله فيك على الردود
الاكواد غير صحيحة يرجى التاكد منها
تم تصحيح الأكواد ،والإضافة الآن تعلم 100% شكرا جزيلا للتنبيه
أشكرك أخي علي الدرس المميز ، لقد إستفدت كثيرا من الأكواد التي أرفقتها في إضافة عمودين تحت الهيدر الخاص بمدونتي بعد تعديلات بسيطة بالأكواد وساستخدم المساحة الجديدة للأعلانات وعرض للفلاش .
شكراً جزيلاً مرة أخري
لأخي لم أوفق في ذلك مع أني أعدت العملية مرات متتالية.
على العموم شكرا لمجهودك.
السلام عليكم و رحمة الله
شكرا على الكود أخي أبو إياد..جربت الإضافة لكن واجهتني مشكلة، و هي أن السطر الأخير من الكود يظهر أسفل المدونة..كذلك خلفية الأعمدة شفافة و لم تتناسب جيدا فكيف أستطيع التحكم فيها؟
دمت بحفظ الرحمن
@ريحانة الإسلام
السلام عليكم ربما قمت بلصق الكود في المكان الغير المناسب
@أبو إياد
و عليكم السلام و رحمة الله
ربما..لأنني لم أجد الكود الذي ذكرته،
هل لك أن تساعدني؟
@ريحانة الإسلام
أرسلي إلي نسخة من قالب مدونتك على بريدي الإلكتروني للمعاينة وسوف أجيبك غدا إنشاء الله
E-mail:camelion20051@hotmail.com
ااخى الف شكر اضافه رائعه جدا
تقبل تحياتى
@ريحانة الإسلام
السلام عليكم أختي ،لقد تم حل مشكلة ،وتم إرسال قالب مدونتك عبر البريد
تبارك الرحمن ..ومنكم نستفيد
بارك الله فيك على افادتنا
سأجرب على قالب جديد
شكرالله لك وأجزل لك الأجر
اخي يظهر خطا عند حفظ القالب
حوووووووت يا ابو اياد
زبطت الحمد لله
بالنسبة للكود الثاني
ابحث عن هذا الكود
div id='footer-wrap1
ثم اضف الكود الثاني بعده
ودمتم طيبين
لو تكرمت اخي الفاضل كيف اضافتة هذة الخاصية في الهيدر اي في الجزء العلوي من الصفحة بدل الفوتر..
شكرا لك
مشكور اخي لكن ظهرت العبارة
#footer-column-container { clear:both; } .footer-column { padding: 10px; }
في المدونة ممكن
تعدل على الكود
جزاك الله كل خير
اخي غير معروف مشاركة رقم 27
ابحث عن هذا الكود
#footer-column-container { clear:both; } .footer-column { padding: 10px; }
في المحرر وقم بحذفه
حضرتك ازاي عامل في الجمب الشمال تقسيمات المدونه
مش راضيه تنفع معي و لا طريقه footer تطلع لي 28 مره وجربت كلهم
الرحاء احد يساعدني
شكرا لك كثير
استفدت من مدونتك
جزاك الله خير
نجت الطريقة يااخي ولكنني قمت بلبحث عن هذا الكود <div id='footer
ولم اقوم بحذفه بل لصقت الكود الثاني امامه ونجحت كليا وشكرا
شكرا لك اخي أبو إياد رائعة ومميز تستحق التقدير
وتم إضافة مدونتك لمفضلتي وأنتظر منك الجديد والتميز دمت في حفظ الرحمان
لك جزيل الشكر يا مبدع
أزال المؤلف هذا التعليق.
السلام عليكم ورحمة الله وبركاته .
مدونتك رائعة .أخي ابو اياد واتمني لك التوفيق ،
لكن هذه الإكواد جربتها كثيراً فلم تصلح معي مع أني نفذت بالحرف الواحد ،وأري ان هذه الأكواد بها خطأ !
أرجوا مراجعة الأكواد
والسلام عليكم ورحمة الله وبركاته .
بارك الله فيك
السلام عليكم ممكن اعرف طريقة عشاان اقدر اضيف ادااه على الجانب ؟؟؟؟
مشكور دائما يا ابو اياد ..دائما متالق
جزاك الله خيراُ
اضافة رائعة شكرا لك
ياخوي سويت نفس الشرح وسويت حفظ وطلع لي كذا
تم العثور على أكثر من عنصر واجهة مستخدم واحد يحمل المعرف: Text2. يجب أن تكون معرفات عناصر واجهة المستخدم فريدة.
ايش الحل رجاء رد بسرعه!
انا اريد تغيير لون الفوتر
اعمل ايه
في البداية مازبطت معايا
بس بعدين بحثت عن footer وبعد اخر واحد حطيت الكود وزبط معايا
ثاااااااااانكس
أعتقد بأنك أخي كررت هذا الكود في الأسفل:
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
ويظهر على الصفحة كخطأ برمجي ، تحياتي لك أخ إياد "عاجبني فوووور"
بارك الله فيك اخي الطيب علي مجهود الكبير لتواصل وتقديم كل ما هو مفيد
جزاك الله خيرا
@أبو إياد
هل يمكنك مساعدتي بتحسين مظهر مدونتي فقد وجدت باحدى المنتديات قالبكم وحقوقه تعود لكم طبعا وركبته على مدونتي في بلوجر لكن هنالك عدة مشاكل وجدتها ومن الطبيعي هذا هلا اصلحت لي بعض المشاكل منها عندما تضغط اضافة رد كما في مدونتكم يظهر خطا في نافذة
هل يمكنك ان تساعدني ؟
مدونتي : مدونة علوم الحياة
http://3olomlife.blogspot.com/
asalammo 3alaykom momkin ya akhi inaak tssa3edni fi taghyir chakl wa madhar modawanati blogger www.alta3alom.blogspot.com
ida bidak tssa3éédni ya akhi hada fisboki dw abdelghni
aw arssil ressala ila modawanati
جزااااااااك الله عالي الجنان يارب
أخي أريد مثله و لكن في الأعلي و ليس في الأسفل و شكرا و أتمني أ تتشرف بزيارتي و إخباري برأيك في المدونة :-
www.islameyate4islam.blogspot.com
باركـ الله فيكـ و أكثر من إبداعاتكـ
سلتم عليك
ممكن طلب ابو اياد
في اسفل مدونتك يوجد ارقام من 1 الى 16 لمن اضغط على 1 انتقل لصفحة جديدة اضغط 2 انتقل لصفحة جديد وهكذا لحد اخير ... ممكن موضوع منك تعليمي كيف اعمل لمدونتي هكذ
جواب اخي العزيز ......
سلتم عليك
ممكن طلب ابو اياد
في اسفل مدونتك يوجد ارقام من 1 الى 16 لمن اضغط على 1 انتقل لصفحة جديدة اضغط 2 انتقل لصفحة جديد وهكذا لحد اخير ... ممكن موضوع منك تعليمي كيف اعمل لمدونتي هكذ
جواب اخي العزيز ......
شكرا لك اخ ابو اياد على الموضوع المميز
لدي مشكلة وارجو حلها واعتذر اني قد طرحتها في مكان غير مناسب
انا استعمل قالب بلوجر الخاص بمدونتك واليوم واجهتني مشكلة هي انتشار مثلثات في كل المدونة كما في الصورة
http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif
وحتى احل المشكلة حررت قالب المدونة وبحثت عن كل صورة تخص هاذا الموقع ggpht.com وحذفتها لانه يبدو ان الموقع قد تعطل وجميع الصور التي رفعت عليه لم تعد تعمل
الان حللت المشكلة ولكنني اخشى ان يؤثر قيامي بحذف الصور الى أضرار اخرى
ارجو ان تقول لي ان كان هذا سيؤثر على المدونة
اتمنى ان تجبني بأسرق وقت على هذا الحساب almalawany@facebook.com
و الله أنا معجب كبييييييييير بك
هناك خطأ في الكود الكود الخاض ب السكين مكرر
الكلمة المراد البحث عنها في الرابط الثاني هي " footer-wrapper "
تحياتي لك
اشكرك استاذاي الفاضل
لقد نجحت معي بالفعل