• اخر المشاركات

    كينج نت الدعم الفنى لمدونات بلوجر

    موقع كينج نت الدعم الفنى لمدونات بلوجر ونظم التشغيل الكمبيوتر والانترنت

    الجمعة، 19 أبريل، 2013

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

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







    صورة موضحة قبل التنسيق :


    صورة موضحة بعد التنسيق


    هل رأيتم ما اقصدة من هذه التدوينة ؟
    اعتقد بأن الطريقة بعد التنسيق افضل وتجعل مظهر المدونة شكل جذاب ومنسق فلمن يريد هذه الطريقة فليتابع معى خطوات الأضافة

    شرح الأضافة والتغير :

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

    الأن اذهب الى تحرير html واضغط على ctrl + f من لوحة المفاتيح الكيبورد لظهور خاصية البحث والأن ابحث عن هذا الكود :
     .post {
      margin: 0 0 $(post.margin.bottom) 0;
    }

    ملحوظة : هذا الكود يختلف من قالب الى اخر ولكن لا داعى للقلق ستجد بأولة .post { وبأسفلة margin: 0 0 $(post.margin.bottom) 0; ستجدة مشابهة 

    الأن بعد الوصول الى الكود المطلوب سنضع هذا الكود قبل القوس :

    text-align:justify;

    بمعنى اننا سنضعة بهذا الشكل :

     .post {
      margin: 0 0 $(post.margin.bottom) 0;
    text-align:justify;
    }
    وكما قولت ان هذا الكود يختلف من قالب الى اخر على حسب مصمم هذا القالب ولكنة متشابة لذلك ومن الممكن ان يكون الكود لديك هكذا :

    .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted $bordercolor;
    padding-bottom:1.5em;
    }

    اذا كان الكود السابق مثل ما الموجود بقالبك سنضع الكود هكذا :

     .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted $bordercolor;
    padding-bottom:1.5em;
    text-align:justify;
    }

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

    هناك 3 تعليقات:

    1. انا عايز أعرف حاجة يارب تكون فاتح انا عايز أعرف المدونة من برة المواضيع مترتبه صورة وي عنوان الموضوع عايز السمس ألي زي كدة معلش بعد أذنك http://im37.gulfup.com/1xV0Q.jpg بص علي الصورة

      ردحذف
    2. تقصد اقسام المواضيع تظهر بصورة كالمجلة وكل قسم على حدة

      ردحذف
    3. طالب منك خدمة بسيطة فى تصميم بلوجر انا حملت قالب وفى اول الصفحة القالب القوائم الرئيسية واتصل بنا ومن نحن وغيرها

      عايز اعمل الموضوع يربط بين القوائم ازاى مش عارف اتمنى من حضرتك الاستفادة

      aqaralex1@gmail.com بالله عليك ما تنسى

      ردحذف

    قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

    الربح من الانترنت

    الامن والحماية من الفيروسات

    عالم الكمبيوتر والإنترنت