السبت، 8 ديسمبر، 2012

كيفية إضافة ثلاثة أعمدة في أسفل مدونة البلوجر الخاصة بك




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

إذن لتطبيق هذا الأمر، عليك أن :

1- أدخل إلى لوحة تحكم مدونتك الخاصة بحسابك على بلوجر

2- تختر " تصميم " ثم " تحرير HTML " (تذكر أن تحتفظ بنسخة احتياطية من القالب)

3- ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم

4- بعد ذلك قم بالإستعانة ب  ctrl+f للبحث عن :
</b:skin>
5- الصق الكود التالي فوقه مباشرة :
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
6- ابحث عن الكود التالي :
<div id='footer-wrapper'>
في حالة ما لم تجده قم بالبحث عن كود يحتوي على  footer-wrap, footer, footer-end  أو ماشابهها.

7- ثم الصق الكود التالي بعده مباشرة :
<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;
}
8- و أخيرا قم بحفظ القالب و ستلاحظ بإذن الله إضافة 3 أعمدة في الأسفل.




ـ
روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode

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

  1. السلام عليك
    أخي الكريم ان لدي مشكلة بخصوص موقعي
    وهو الفوتر او ما يسمى ب3 اعمدة التي توجد أسفل المدونة تضهر لدي فقط في الصفحة الرئيسية وأنا أريدها أن تضهر داخل رسائل المدونة فكيف دلك
    أرجو منك أن تقوم باجابتي في أقرب وقت ممكن لأنني بحاجة الى الحل

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

    ردحذف
    الردود
    1. وعليكم السلام،

      حل هذا المشكل بسيط جدا
      فقط اتبع الخطوات التالية :

      1- أدخل إلى لوحة تحكم مدونتك الخاصة على البلوجر
      2- اضغط على تصميم ثم على تحرير HTML
      3- قم بالبحث على السطر التالي : <div class='picfooter'>
      4- ستجد فوقه مباشرة السطر التالي : <b:if cond='data:blog.pageType != &quot;item&quot;'>

      * قم بحذفه
      +
      * ثم احذف السطر التالي </b:if> الذي ستجده مباشرة عند غلق هذا الوسم <div class='picfooter'> بالأسفل


      ولكي تتمكن من التحكم الكامل في إظهار وإخفاء أي جزء من مدونتك أينما شئت، أنصحك بزيارة هذا الموضوع : http://afkarpro.blogspot.com/2013/01/Show-Hide-Any-Gadget-On-Any-Page.html

      بالتوفيق

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

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

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

      حذف
  3. أخي الكريم لازلت أنتضر نصائحك القيمة لاضافة عمود أيسر الى موقعي وشكرا

    ردحذف
    الردود
    1. أخي، أخبرتك سابقا أني سأشرح ذلك بالتفصيل في إحدى تدويناتي و في أقرب وقت إن شاء الله .. تحياتي

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

      حذف
  4. أستسمحك فلم أرى تعليقك السابق
    وشكرا لك

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

      حذف
  5. لا توجد
    div id='footer-wrapper'
    في تحرير القالب ماهو الحل

    ردحذف
    الردود
    1. في حالة ما لم تجد div id='footer-wrapper' قم بالبحث على :
      div id='footer'
      أو div id='footer-wrap'
      أو div id='footer-end'
      أو ماشابهها....... فهذا يعتمد على التسمية التي وضعها المبرمج

      حذف