كيفية تعديل انماط المدونة

كيفية تعديل كيفية تعديل األنماط في األنماط في

المدونةالمدونة

للبدء بتعديل أنماط المدونة قم باتباع الخطوات التالية بعد إنشاء مدونة:

في حسابكالمدونات الدخول إلى قسم 1.

قم بالضغط على خصائص الخاصة بالمدونة المطلوبة2.

حرر التصميمقم بالضغط على 3.

ثم اضغط على 4.

كود وهذا المربع يدعى HTMLسيظهر لديك مربع يحتوي على أكواد برمجية 5.النمط

في هذا المربع نجد أقسام رئيسية في المدونة هي التالية:

.1Main Areas ،النقاط الرئيسية بالمدونة: حجم الصفحة، خلفية المدونة ككل

لون الخط وحجمه

.2Blog Headerرأس المدونة

.3Blog Sidebarالعمود الجانبي للمدونة

.4Footerذيل المدونة

.5Profile Areaمربع التعريف بالشخصية

Main Areaالنقاط الرئيسية للمدونة

:هذا الجزء يحدد خصائص الخلفية للمدونة Margin الحواشي وتقاس ب pxl colorلون الخط ويكون عبارة عن كود Backgroundلون الخلفية يكون كذلك

عبارة عن كودFontنوع الخط

Y كمثال توضيح ال تحديد، فللمستخدم ألكواد ألوان الخطوط والخلفية نعطيك موقعاحرية االختيار:

http://www.computerhope.com/htmcolor.htm

لأللوان“ في HTMLوفي حال رغبتك بإيجاد مواقع أخرى، قم بكتابة ”كود .Googleمحركات البحث مثل

Blog Headerرأس المدونة

: في هذا الجزء تستطيع التحكم برأس المدونة اللون صورة الخلفيةحواشي الرأس

عنوان المدونة حجم عنوان المدونة حاشية العنوان لون الخط

لتغيير اللون استعمل األكواد نفسها الموجودة في النقطة السابقة

:لتغيير الخلفية مواقعفي قسم إدارة الملفات قم بتحميل الصورة المطلوبة إلى :انسخ عنوان الصورة الذي يظهر في المتصفح مثال

http://support.jeeran.com/add_html.JPG ضع العنوان الذي نسخته مكان عنوان الصورة بعد background: url بين القوسين

;background: url(http://support.jeeran.com/add_html.JPG)فيصبح العنوان

Blog Sidebar العمود الجانبي

للمدونة

القسم األول لحجم العمود الجانبي

ولونه

Sidebar-box لحجم اإلطار وتنسيق

الكلمات.

Sidebar ul il لخلفية العمود إذا

كنت

تريدها أن تكون صورة

Footer ذيل المدونة

لتغيير خلفية ذيل المدونة قم بنسخ عنوان الصورة ال URL بعد background-image: url Heightلتحديد ارتفاع الذيل

Profile Area مربع التعريف بالشخصية

Profile –box h1Font sizeحجم الخط Font weight عريض أو مائل أو

مخططColorلون الخط

Profile -image الصورة الشخصية Border حجم اإلطار Widthعرض الصورة

Profile -image –box صندوق الصورة الشخصية Widthعرض الصورة Paddingالفراغات Background Image: url لنسخ عنوان الصورة لتظهر في

خلفية صندوق الصورة الشخصية.Background –repeat لتحديد إن كنت تريد للخلفية أن تتكرر

أم الBackground –position.موقع الخلفية

أسفل الكود الخاص باألنماط ستجد عدة خيارات هي التالية

التغييرات لترى التغييرات التي قمت بتعديلها قبل حفظها.استعراض تستطيع للمدونة إللغاء باسترجاع الكود األصلي التغييرات قد ترغب حفظبعد

التعديالت. حفظ التغييرات عن التعديل قبل بالرجوعأو قد ترغب