تخصيص ألوان خلفية عناوين قائمة الجانيبة

undefined 
سنتطرق اليوم بمشيئة الله إلى ميزة جديدة يمكنك إضافتها إلى قالب مدونتك لتجعل منه لوحة فنية خاصة بك تشكلها كيفما تشاء. إذ يمكنك اختيار اللون الذي تراه مناسبا لجعله خلفية لإحدى الأدوات الجانبية. فبفضل هذه الإضافة ستتمكن من تلوين عناوين القائمة الجانبية بالطريقة التي تريدها، فقد ولى الزمان الذي يفرض عليك استعمال لون وحيد !
ليس الأمر بذلك التعقيد هي مجرد خطوات بسيطة يمكنك اتبعاها بكل سهولة. فأنت الآن على بعد بضعت نقرات للحصول على قالب من طراز خاص ! 

  • كيف نحصل على تعريف الأداة المراد تخصيصها ؟
سألخص المراحل في التالي :
  1. سجل الدخول على حسابك في بلوجر.
  2. قم بمعاينة مدونتك.
  3. قم بالبحث عن أيقونة تحرير المبينة في الصورة :  Blogger Edit-key
  4. انسخ رابط الأيقونة عبر الضغط على الزر الأيمن للفأرة، والذي يكتب على الشكل كالتالي :&
blogger.com/*******&widgetId=HTML5******
  1. قم بنسخ معرف الأداة الذي هو في هذه الحالة HTML5، قد تجد معرفات أخرى كـ :  Followers1,LinkList1 ....
  2. احتفظ بالمعرف جيدا !
  • كيف نركب الكود المطلوب لتعديل لون عنوان الأداة ؟
الآن مع مراحل تركيب الكود وإضافته للقالب :
  1. لوحة التحكم > تصميم > تحرير HTML
  2. قم بتنزيل القالب تحسبا لأي مشكل قد يحصل فيما بعد.
  3. وسع قوالب عناصر الواجهة.
  4. اضعط CTRL+F و ابحث عن  ]]></b:skin>.
ألصق فوقها الكود التالي :
#HTML5 h2{
background:#FFCA0C;
margin:10px 0 10px 0;
padding:8px 0 8px 10px;
font-size:20px;
font-family: Sans-serif, Arial, Helvetica;
font-weight:bold;
text-transform:uppercase;
color:#ffffff; text-shadow:0 1px 0 #000000;
}   

  • كيف نخصص كود تعديل لون عنوان أداة معينة ؟
اتبع التوجيهات التالية :
HTML5      : استبدله بتعريف الأداة المراد تخصيصها.
 FFCA0C#  : استبدله بلون الخلفية المراد.
ffffff#          : استبدله بلون العنوان المراد.
 #000000    : استبدله بلون ظل العنوان المراد.

راجع أيضا : الرابط
تم بعون الله وحفظه !
في الحالة وجود أية سؤال المرجوا إدراجه في صندوق التعليق أسفله.
 
 

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


  1. رمضان كريم كل عام وانتم بخير

    http://www.arabie3lan.com الشيخ الروحاني

    ردحذف
  2. شكرا مية مية ساعدتنى كتير ... رمضان كريم

    www.win7-info.blogspot.com

    ردحذف
  3. اخى ارجو التوضيح اكثر

    ردحذف


  4. جزاااااااااااك الله كل خيييييييييييير ^_^
    تسلم ياااااااااااااااااااااارب (h) :)
    ربنا يحفظك ياااااااااااااااارب

    ردحذف
  5. السلام عليكم
    لدي مشكل في خلفية العنوان الا و هي ظهور خلفيتان للعوان ارجو المساعدة

    ردحذف