شرح تقسيم التصنيفات الى عمودين في مدونات بلوجر 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 , وسيتم إضافة الكود بنجاح إن شاء الله , وتنجح الطريقة .

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


شارك الموضوع

مواضيع ذات صلة

10 comments

comments
9 فبراير 2011 في 12:20 م حذف

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

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

رد
avatar
9 فبراير 2011 في 12:38 م حذف

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

رد
avatar
9 فبراير 2011 في 5:42 م حذف

رائع ومميز
مشكووور اخى

رد
avatar
27 فبراير 2011 في 3:31 م حذف

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

رد
avatar
16 مارس 2011 في 6:35 م حذف

تمت التجربه ولكنها مظلله بالون الازرق وغير ظاهرة

رد
avatar
17 مارس 2011 في 8:18 م حذف

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

رد
avatar
23 مارس 2011 في 3:44 ص حذف

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

رد
avatar
23 مارس 2011 في 4:09 ص حذف

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

رد
avatar
23 مارس 2011 في 12:55 م حذف

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

رد
avatar
20 يونيو 2012 في 11:24 ص حذف

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

شكرا على الطريقة والشرح

مدونة رائعة
أتمنى لك التوفيق

رد
avatar