طريقة تلوين خلفية عناوين القوائم الجانبية والفوتر في مدونة بلوجر

السلام عليكم ورحمة الله وبركاته.. درسنا اليوم سهل جدا وبسيط وواضح من عنوانه طريقة تلوين خلفية عناوين القوائم الجانبية والفوتر في مدونة بلوجر .. فكثيرا مانقابل قوالب لوجر معربه او غير معربه ولكن نجد ان عناوين القوائم الجانبية او عناوين الفوتر تظهر تحتها الخلفيه هي نفسها خلفية القالب نفسه اي مما يجعل العنوان غير انيق فالخلفيه سواء كانت عباره عن صوره او لون محدد ومغاير للون القالب فهو بلا شك بمثابة برواز للعنوان يضفي عليه وعلى المدونه شكلا جماليا انيقا .
يمكنك اختيار لون مختلف لكل خلفية عنوان اداه من جميع ادوات مدونتك .. ان اعجبتك الاضافه طبق ما هو موجود بالاسفل لتركيبها :
  1. قم بتسجيل الدخول علي حسابك في  لوحة تحكم بلوجر
  2. قم بالذهاب الى تصميم ثم تحرير HTML
  3. ركز في تلك الخطوه .. عندما تريد مثلا تلوين خلفيه عنوان اضافة ما في العامود الجانبي وليكن التسميات او المتابعون فعليك بالبحث في القالب عن اسم الاضافه كما وضعتها انت في تصميم الصفحه ستجد الاسم ومعه قطعه من الاكواد ما يهمنا فيها هي تلك العباره فقط <b:widget id=
     بجانب العباره تلك ستجد الآى دي الخاص بالاضافه وسيكون على سبيل المثال هكذا <b:widget id='Label13  حيث ان Label13 هو الآى دي الذي نبحث عنه ... بعد قيامنا بمعرفة الآى دي الخاص بالاضافه التي نريد تلوين خلفيتها  نقوم بحفظه في مكان ما وليكن ملف تكست  ثم نبحث داخل قالب المدونه عن الكود التالي
  1.  ]]></b:skin>
  2. ونضع قبله مباشرة الكود الموجود بالاسفل مع تبديل عبارة ID المعلمه باللون الازرق داخل الكود بالآى دي الخاص بالاضافه والذي قمنا بحفظه في الخطوه الاولى...
#ID h2{
background:#575656;
margin:10px 0 10px 0;
padding:8px 0 8px 10px;
font-size:12px;
font-family: Sans-serif, Arial, Helvetica;
font-weight:bold;
text-transform:uppercase;
color:#ffffff; text-shadow:0 1px 0 #fff;
}
هذا الكود خاص بلون الخلفيه #575656
  وهذا الكود خاص بلون الخط #ffffff
تستطيع تغييرهم باي اكواد الوان تناسب مدونتك
ملحوظه: كرر الطريقه مع كل اضافه تريد تخصيص خلفية عناوينها

أصدقاء(تطوير ويب)
تعليقات Facebook
3تعليقات Blogger

3 عدد التعليقات على موضوع طريقة تلوين خلفية عناوين القوائم الجانبية والفوتر في مدونة بلوجر

Mohd Amin يقول...

شكراً لك و أتشرف أن أكون أول من يعلق على هذا المقال المميز

غير معرف يقول...

@ Mohd Amin
شرفني مرورك المميز بارك الله فيك اخي الحبيب

غير معرف يقول...

شكرا على هذه المعلومه الجميله
ممكن سؤال ؟؟
كيف اعمل نظام تعليقات مثل الموجود هنا
؟؟

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .