مساحة إعلانية

الثلاثاء، 14 مايو، 2013

الثلاثاء، 14 مايو، 2013

طريقة إضافة قسمين في السايدبار

adding two columns at blogger sidebar
كلنا رأينا قوالب تحتوي أكثر من عمود أو قسم في السايدبار adding two columns at blogger sidebar  ولكن احيانا لا يكون القالب يعجبنا ولكن نحتاج لتلك الإضافة في قالب خاص خصوصا انا مفيده لكثير من المدونين في عرض وحدات إعلانية او اضافات صغيرة لا تحتاج عمود كامل ولهذا بإذن الله في هذا الدرس سنستطيع اضافة قسمين للسايدبار وسنضيف أيضا قسم ثالث بعد هاذين القسمين لزيادة التنسيق لكن يجب ان ننوه أن هذه الإضافة في الغالب ستعمل مع جميع القوالب لكن تنسيقها قد لا يتوافق مع جميع القوالب لذا قبل عمل أى تعديل قم باخذ نسخة احتياطية من قالبك لتجنب أى مشكلة

طريقة الإضافة

ادخل الى لوحة تحكم مدونتك ثم قم بالبحث عن آخر اضافة في السايدبار لديك يمكنك البحث عنها بالإسم 
ثم قم بالبحث تحت أكوادها عن هذا الكود </b:section>  ملاحظة ان لم تجده قد تجد أسهم توسيع عناصر بجانب الإضافة اضغط عليها حتى تظهر جميع أكوادها وعندما تجد الكود أضف تحته مباشرة الأكواد التالية 
<b:section class='sidebar' id='cnmu-right-col' preferred='yes'/>
<b:section class='sidebar' id='cnmu-left-col' preferred='yes'/>
<b:section class='sidebar' id='cnmu-center-col' preferred='yes'/>
وهذه صورة للتوضيح

blogger section
ثم بعد ذلك نبحث عن هذا الوسم sidebar-wrapper
والذي نقصده سيكون موجود في اكواد الستايل فقم بتوسعتها بالضغط على سهم التوسعة

عندما تجده ستجد بعده قوس فتح كهذا { ثم اكواد قليلة ثم قوس إغلاق كهذا }
بعد قوس الإغلاق أضف الأكواد التالية
#cnmu-right-col {
width:49%;
float:right;
word-wrap:break-word;
overflow:hidden;
}
#cnmu-left-col {
width:49%;
float:left;
word-wrap:break-word;
overflow:hidden;
}
#cnmu-center-col {
width:100%;
float:right;
word-wrap:break-word;
overflow:hidden;
}
ملاحظة : الأكواد المعلمة بالأحمر هي خاصة بالعمود الثالث الذي سيضاف بعد العمودين إن لم تريده قم بحذفهما

cnmu.blogspot.com

بعض القوالب تكون الوسوم بها متغيرة وقد لا تجد sidebar-wrapper
حينها ستفعل التالي
ابحث عن اول آضافة لديك في السايدبار وفوق اكوادها ستجد كود مثل هذا
<b:section class='sidebar' id='#'
الكود سكون مشابه وليس مطابق وفي مكان هذا الرمز # ستجد كلمة هذه الكلمة هي الوسم البديل لــ sidebar-wrapper
قم بنسخها وابحث عنها بين اكواد الستايل وعندما تجد الكود الخاص بها ستجد نفس الشئ قوس فتح وقوس اغلاق بعد قوس الإغلاق أضف الأكود
وبالتوفيق بإذن الله

هناك 12 تعليقًا:

  1. مشاء الله
    المدونه اصبحت جميله جداً في غيابي
    وهل اشتركت في ادنسس لان يوجد في بين التدوينات فراغ
    تقبل مروري

    ردحذف
    الردود
    1. نعم اخي صلاح الفراغ بسبب أدسنس
      وبالنسبة لجمال المدونة فهي تصبح أجمل بوجودكم أخي الكريم
      فلا تطيل الغيبه علينا بمرورك العطر حبيبي

      حذف
    2. غيابي عنك هو مؤقت بسبب قرب الامتحانات فأدعو لنا بالنجاح اخي عمرو

      حذف
    3. أسأل الله أن يوفقك وتنجح باعلى الدرجات
      تحياتي لك

      حذف
  2. السلام عليكم ورحمة الله وبركاته
    كما عودتنا أخي الغالي عمرو من ابداعات
    اضافة مهمة جدا وشرح رائع أشكرك جزيل الشكر
    بانتظار جديدك ياغالي جزاك الله خير تحياتي

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      حيا الله الحبيب الغالي بدر
      شكرا لمرورك العطر حبيبي

      حذف
  3. مدونة رائعة
    اخى بعد التحية
    كيف اقسم الفوتر الى ثلاثة اقسام كما فى مدونتك الجميلة

    ردحذف
    الردود
    1. أهلاً ومرحباً بك أخي الكريم
      قريباً بإذن الله ساقدم شرح مفصل حول تقسيم الفوتر فتابعنا
      وشكراً لمرورك الكريم

      حذف
  4. أخي انا أريد ان اضع سلايدبار جديد هل ممكن ان تساعدني

    ردحذف
    الردود
    1. أخي الكريم اضافة سايد بار جديد يحتاج تعديل كامل على القالب
      وللأسف انا لا أقدم خدمات دعم فني عبر المدونة
      نظراً لما تستهلكه من وقت
      انصحك ان تستخدم قالب به التخطيط جاهز يعني لو تريد قالب بإثنين سايد بار ستجد قوالب بهذا الشكل على النت وهكذا وبالتوفيق يا طيب

      حذف
  5. السلام عليكم اخي العزيز بارك الله بمجهودك اخي محتاج اضافة عمود في الجهة اليسرة اذا اقدر اضيف هاي الاضافة وهل يوجد درس عنهذه الموضوع

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      لا توجد دروس متاحه لهذا الامر لانه ليس امر ثابت فطريقة التركيب تختلف من قالب لآخر واى شرح لن يفيد الا قالب واحد بالتالي لا استطيع افادتك بشرح في هذا الامر

      حذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©