وضع خلفيه شخصيه لرأس المدونة

وضع خلفيه شخصيه لرأس المدونة

background for blog header

اولا وقبل بدأ الشرح فى الموضوع لازم يكون عندنا سيرفر شخصى نرفع عليه ملفاتنا الشخصية زى الصور او الفيديو وغيرها

طيب ازاى نشترك ؟

فى الحقيقة فيه كذا موقع بقدم مساحات مجانا لكن لحسن الحظ ان جووجل العملاق فيه الخدمة دى وهايمنحنا 100 ميجا نستخدمهم فى رفع الملفات

طيب ... عايز تشترك ؟

طبعا انتا معاك حساب فى جوجل هاتدخل http://www.pages.google.com/

وهاتنشأ حساب باسمك ويكونلك 100 ميجا مجانا عشان نرفع عليها الملفات اللى هانستخدمها فيما بعدبعد ماتنشأ الحساب ده هاتلاقى زرار على اليمين ubload

دوس عليه هايطلع زرار brows

اختار الملف اللى هاترفعه وشكرا

طيب .. نخش بقا فى موضوعنا وهو ازاى نعمل صورة خلفية لرأس المدونة

اولا : تجهز الصورة من خلال اى برنامج تحرير صور زى الفوتو شوب او اى برنامج تانى

ثانيا : تظبط مقاس الصورة تخليه 660 بيكسل عرض وحوالى 150 بيكسل طول والمقاسات دى قابلة للتغيير ويمكنك تعديل المقاسات باستخدام هذا البرنامج واللى بيسمحلك كمان انك تغير بين امتدادات الصور

من هنا

جهزت الصورة اللى انتا عايزها ؟

ظبطت المقاس بتاعها ؟

تمام الله ينور عليك نخش عالخطوة التانية

نفتح لوحة التحكم فى المدونة dashboard

layout>template>edit HTML

هانلاقى صندوق الاكواد

دور من فوق ونتا نازل هاتلاقى قطعة الكود دى

#header-wrapper { width:660px; margin:0 auto 10px; border:1px solid $bordercolor;

تحت السطور دى بالظبط اضف هذا السطر

background-image: url(URL address of your image);

شيل الحروف باللون الاحمر وحط مكانها لينك الصورة اللى انتا رفعتها على جوجل او اى صورة على الويب

طريقة تانية

dashboard ادخل لوحة التحكم

layout > template > Page Elements

دوس edit اللى فى جزء رأس المدونة

بعد ماتختار هاتظهرلك دى

الاختيار الاول سيجعل الصورة فى الخلفيه وراء التعليق او اى كلام فى رأس المدونة

والاختيار التانى هايخلى الصورة تغطى اى كلام

اختار واحفظ