بسم الله الرحمن الرحيم
والحمدالله رب العالمين والصلاة والسلام على اشرف المرسلين سيدنا محمد عليه افضل الصلاة والسلام
االسلام عليكم ورحمة الله وبركاتة
اهلا اخوانى الكرام كيف الحال ... عساكم بخير ان شاء الله
الحقيقة الفترة الماضية طلبوا من بعض الاع,ضاء كيف نعدل على سلاش الموجد بالمدونة blog كيف نعدل على الهيدر header (المنطقة العلويا) كيف نعدل على شعار المدونة blog كيف نعدل على فوتر ( ذييل المدونة blog ) كيف نتحكم فى حجم الخط بالمدونة blog , ولون الخط ,نوع الخط الخ ...
كل هادا الكثير يريد ان يتعلموا وان شاء الله بموضوعنا هذا سوف يكون طريقك نحو أحتراف التعامل مع قوالب بلوجر ان شاء الله
اولا : نشرح طريقة لكم طريقة تركيب install اى قالب template على مدونة blog بلوجر الطريقة سهل جدا
http://www.dzbatna.com/images/smilies/bigsmile.gif
اولا بندخل على لوحة التحكم الخاصة بالمدونة blog ثم نأتى عند الخيارات ونختار قالب template
http://im31.gulfup.com/QN1uJ.gif
متصفح / ثم تحديد القالب template المراد تركيب installة ثم open ثم تحميل
http://im38.gulfup.com/NGxxp.png
http://im35.gulfup.com/yBwRh.gif
وكدة الف مبروك عليك القالب template
http://www.dzbatna.com/images/smilies/icon30.gif طيب حلو الان ركبنا القالب template وكل شئ تمام بس نريد بعض نسوى بعض التعديلات للقالب template ,,,
الان نريد التعديل على مثلا قوائم المدونة blog مثال ,,
http://im33.gulfup.com/brqG5.png
نروح نذهب لوحة التحكم / قالب template / تحرير HTML
http://im39.gulfup.com/v3oat.gif
ثم نبحث عن اى كلمة موجدة بقوائم المدونة blog فى صورة شاهدنا عددة كلمات ومنها قائمة جديدة طيب حلو
نضغط الان Ctrl+F لبحث عن كلمة قائمة جديدة هنلقى ظهر لنا مربع بالاعلى أسمة Search اى بحث ونكتب فى المربع قائمة جديدة
http://im42.gulfup.com/M0waD.gif
الان نلاحظ ظهور اى كلمة تسمى قائمة جديدة بلون الاصفر طيب حلو الان حددا مكان القوائم بالمدونة blog وده المراد من البدية
http://www.dzbatna.com/images/smilies/icon31.gif طيب حلو نعدل بائى على القوائم زى مانحب
مثال بعد التعديل
http://im34.gulfup.com/yg8Mf.gif
http://im37.gulfup.com/6w4nl.png
اظن اتضحت الفكرة طيب الان بدنا نعدل على حجم الخط , لون الخط , ونوع الخط والكثير من مستخدمين مدونات بلوجر لا يعرف هذه النقطة مع انها سهل للغاية مو تحتاج شئ سوا التركيز
http://www.dzbatna.com/images/smilies/icon31.gif
الان انا مثلا بدى اعدل على حجم , ولون , ونوع ( أسم المدونة blog ) طبعا كما نعلم بيكون فى رأس الصفحة عادة أسم المدونة blog مثال
http://im39.gulfup.com/FnBmZ.gif
طيب الان نلاحظ ان أسم المدونة blog مو على سطر واحد وبالتالى مديه شكل مش قويس طيب نجرب نصغر حجم الخط ونشوف الفرق
كيفية تصغير حجم الخط : تحديد الخط المراد تكبيرة او تصغيرة / كليك يمين فحص العنصر عن طريق متصفح الفيرفوكس / القواعد
نركز هنا بائى اوى عشان هنا الشغل كلوا
http://www.dzbatna.com/images/smilies/cupidarrow.gif
http://im34.gulfup.com/JDZHP.gif
font: 30 px ده حجم الخط تمام طيب انا لو غيرت حجم الخط هنا هيتغير معى عادى بس المشكلة هنا لو عملت رفرش لصفحة هيرجع الخط تانى زى ماهو عشان كدة انا فكرت فى طريقة دى بتعت افحص العنصر
بستفيد منها بعرف حجم الخط الاصلى فى القالب template وكيف اقدر اوصلوا فى القالب template كيف اقدر اوصل لحجم الخاص بى أسم المدونة blog انت شيفين انا محدد على 30px droidkufi-bold الا بلون الازرق لية محدد عليها عشان هي موجدة بجانب الخط المراد التعديل عليه يعنى نشغل مخنا شوية
http://www.dzbatna.com/images/smilies/cupidarrow.gif لو بحثنا عن 30px droidkufi-bold فى القالب template عن طريق Ctrl+F هنلقى حجم الخط الاهو 30
مثال لتواضيح الامر اكثر
http://im31.gulfup.com/dQhMj.gif
اظن الفكرة وضحت لجيمع , انا هخلى حجم الخط بدل 30pxهخلية 18px مثلا ونشوف النتيجة بعد تعديل حجم الخط
http://im34.gulfup.com/pvNyM.png
كدة اظن افضل
http://www.dzbatna.com/images/smilies/icon31.gif خلصنا الحمدالله وعدلنا على حجم الخط الان عوزين نعدل على لون الخط نفس الحكاية مو بدى اطول فى الشرح طريقة راح اشرح طريقةها شرح طريقة سريع
فحص عنصر الخط المراد تغير لونة / القواعد ننزل بالموس لحد مانلقى color اى لون
مثال
http://im33.gulfup.com/oSVIX.png
نلعب بالارقام الموجدة الا هية 102 , 102 ,102 هنلقى لون اتغير مثال
http://im41.gulfup.com/MqPIp.png
اصبح بعد التلاعب بالارقام
http://im41.gulfup.com/pDsUH.png
ممكن نروح الفوتوشوب ونختار لون الا عوزينة ونخد الرقم ونكررة مثال
http://im40.gulfup.com/w6LDB.png
طيب حلو خلصنا الحمدالله جزئية مهمة جدا فى درس مفصل اليوم , طيب انا بلاحظ ان اغلب المدونات بتكون عمل اضافة جميلة جدا أسمها كاتب الموضوع ودى بتقدر تعرض فيها معلومات عنك او عن مدونتك ودى بتكون موجدة أسفل كل تدوينة
مثال
http://im33.gulfup.com/Anhp1.png
طيب كيف نعدل على هذه االاضافة طريقة سهلة جدا نذهب الى قالب template / محرر HTML /
ثم نبحث عن كاتب الموضوع عن طريق ctrl+f الطريقة المعتادة
http://www.dzbatna.com/images/smilies/icon31.gif
http://im36.gulfup.com/1G03S.png
ونعدل على الكلام عادى
http://www.dzbatna.com/images/smilies/cupidarrow.gif اوشكنا ع الانتهاء من درس مفصل اليوم
http://www.dzbatna.com/images/smilies/shiny01.gif احب بس اعرفكم سبب المشكلة المعروفة اثناء التعديل على القالب template احيانا تأتى لنا رسالة
حدث خطأ أثناء تحليل XML، في السطر 1566، العمود 13: Element type "b:if" must be followed by either attribute specifications, ">" or "/>".
سبب هذه المشكلة بيكون مسح احد الارقام او العلامات او الحروف المهمة فى القالب template مثلا اثناء التعديل على القالب template وليكن بنعدل على الكواد التالى واردنا تعديل كلمة من نحن الى راسلنا مثلا
من نحن
راسلنا</a> اثناء التعديل مسحنا العلامة الابلون الاحمر هادا ونيجى نعمل حفظ تأتى هذه الرسالة لذا كون حريص اثناء التعديل
وبكدة يكون انتهى درس مفصلنا اليوم ,, اتمنى ان تكونة استفدتم ولو قليل من الموضوع ولاتخبلوا علينا بالدعاء لنا بالتوفيق الدائم
والسلام عليكم ورحمة الله وبركاتة