الأربعاء، 9 فبراير 2011

شرح تقسيم التصنيفات الى عمودين في مدونات بلوجر blogger


بسم الله الرحمن الرحيم , والصلاة والسلام على أشرف المرسلين , سيد الخلق وحبيب الرب , سيدنا محمد وعلى آله وأصاحبه أجمعين , أما بعد , شرح تقسيم التصنيفات الى عمودين في مدونات بلوجر blogger , درس مهم بعض الشيء لكل مدوني بلوجر , لقد أنشأت مدونتك وقد اخترت لمدونة أن تكتب فيها عن مواضيع عامة , لذلك عدد التصنيفات في المدونة كبير جدا , فأنت تكتب عن الميديا الإسلامية , والأحاديث والقرآن , والسنة , والتدوين , والربح , والأرشفة , الفكاهة , والمناسبات .. إلخ , ووجدت في النهاية أن عدد التصنيفات كبير , مما يؤدي الى أخذ مساحة كبيرة جدا من العمود الجانبي لديك , وقد أخذ بأيدينا الأخ أحمد العزاوي من هذه المشكلة في تدينته " تقسيم التصنيفات الى عمودين " في مدونة الرافدين , وأخذ في شرحها , ولكن أعتقد أن الكثير منا لم تجدي معه الطريقة , لذلك قررت وضع هذا الموضوع , وهذا الموضوع لن يضيف جديدا على موضوع الأخ أحمد , ولكن سأتناول بالتفصيل الممل شرح تقسيم التصنيفات الى عمودين في مدونات بلوجر blogger , وبإذن الله لن تخرج من هذا الموضوع إلا وقد نجحت في تنفيذ هذه الطريقة , هيا بنا لننطلق ,

  • قل معي : سبحان الله وبحمده , سبحان الله العظيم , عدد خلقه ورضا نفسه وزنة عرشه ومداد كلماته .
  • حدد التصنيف الذي تريد تقسيمه الى عمودين , بمعنى أن عندي في مدونتي , تصنيف بعدد الأعمدة , وتصنيف آخر للون , وتصنيف عام للمحتويات , لذلك قبل البدأ قم بتحدد التصنيف الذي تريده , في مدونتك .
  • مثلا انا قمت بتحديد تصنيف اسمه " تصنيفات عامة " .. تمام .. تابع معي .. قم بحديد التصنيف الذي تريده .
  • ادخل الى لوحة تحكم مدونتك >> ثم الى التصميم >> ثم تحرير html .
  • كما قلنا سابقا انا قمت بتحديد التصنيف " تصنيفات عامة " وهذا ما سأقوم بتقسيمه الى عمودين .
  • ابحث في قالبك عن التصنيف الذي حددته أنت , وانا قد حددت تصنيف " تصنيفات عامة " لذلك سأبحث عنه .
تابع معي الصورة 


عندما بحثت في القالب عن كلمة تصنيفات عامة وجدت يقابلها كلمة Label1 , وهنا مربط الكود ,

شرح التقسيم
ابحث في مدونتك عن 
]]></b:skin>
ثم أضف قبله " فوقه " هذا الكود مباشرة
#Label1 ul li{
float:right;
width: 40%;
}
علما بأن كلمة  Label1 تحل محل كلمة تصنيفات عامة كما شرحت سابقا .
كما بالصورة
نرجع للصورة تاني
 

 إذن لو أردنا تقسيم اي تصنيف آخر , فسنبحث عنه , ونجد ما يقابله , فمثلا لو أردنا تقسيم " تصنيف حسب اللون " سنجد أن ما يقابلها هو كلمة " Label4 " وتستبدل كلمة Label1 بالكود السابق الذي هو

 #Label1 ul li{
float:right;
width: 40%;
}
بكملة Label4 , وهكذا بقية التصنيفات التي تريد تقسيمها , ثم إضغط حفظ .
إن لم يتم تقسيم التصنيفات , قم بتغيير القيمة 40 في الكود السابق الى 35 , وسيتم إضافة الكود بنجاح إن شاء الله , وتنجح الطريقة .

أرجو أن أكون وفقت في شرح الدرس ,
تم بحمد الله ..
أخوكم باســـــم .


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

  1. جاااااااري التجربة

    يسلمووووووووو يابطل

    ردحذف
  2. @ شقاوي : مرحبا أخي الغالي .. متنظر ردك بعد التجريب ..

    ردحذف
  3. @ ZA3EM HACKER : يسلمووووو ..

    ردحذف
  4. رائع ومميز
    مشكووور اخى

    ردحذف
  5. @ MaldiNi : نورت التوبيك بمرورك الكريم هذا أخ مالديني ..

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

    ردحذف
  7. @ sy3net : وما النتيجة أخي الغالي ؟؟ ..

    ردحذف
  8. @ ahmed : أخي الكريم كل ما عليك هو توسيع القالب وبإذن الله سيظهر الكود المطلوب ,, بالتوفيق أخي العزيز .. ولو فيه أي مشكلة من فضلك ضعها بالتعليق وسيتم الرد عليها في أسرع وقت بإذن الله ..

    ردحذف
  9. تمت التجربه ولكنها مظلله بالون الازرق وغير ظاهرة

    ردحذف
  10. @ magdi : مرحب بك أستاذ مجدي , ولو صورة للمشكلة وإ شاء الله يتم حلها بإذن الله ..

    ردحذف
  11. شكرا علي الاجابة ممكن حضرتك تبص علي المدونة

    ردحذف
  12. شكرا اخي الكريم تم حل المشكله ولكن يوجد مشكله اخري وهي اريد توسيع العمود الجانبي ليسع اعلان بحجم 300 في 250 واكون شاكر جدا

    ردحذف
  13. @ مدونة كلمتين ونص : يا أخي الكريم , القالب من تعريبي , وأنت حذفت حقوق التعريب , وغيرت الخطوط وبعض التعديلات , ومع ذلك ابعتلي القالب وانا اعدلهولك كما تريد إن شاء الله ..

    ردحذف