كيفية تغيير الوان قالب بلوجر ( مضمونة 100% )

العديد من المدونين تبحث عن طرق من اجل تغيير الوان مدونة بلوجر بطريقة سليمة وسهلة بدون ان يكون محترف . طبعا عملية تغير الالوان سوف تكون بالعديد من الطرق التي سوف نشرحها لكم والتي يعتمد عليها من العديد من المدونين التي تجيد فهم اكواد CSS . لهذا اذا كنت فعلا مهتم بهذا الدرس والتعلم فانا سوف اشارك معك الطريقة على موقعنا الربح من النت IRBAHNET والتي تم انشائها فقط من اجل تقديم لكم المفيد .

how to change the colors of the blogger template 38473787

 كيفية تغيير الوان قالب بلوجر ( مضمونة 100% )

بسم الله والصلاة والسلام على رسول الله اما بعد ، احبتي متابعي مدونة هشام هاشم للمعلوميات والتقنيات والربح من الانترنت ، اليوم في قسم دروس بلوجر سوف نتطرق الى موضوع شيق ومفيد لجميع المبتدئين وحتى ذوي الخبرة المتوسطة في مدونة بلوجر من اجل تقديم خدمة تغيير ألوان الموقع من خارجه وداخله بدون ان تكون محترف . لهذا اليوم سوف نشارك معكم جميع الطرق التي نستخدمها في كل القوالب العربية والاجنبية من اجل تغيير الالوان في عدة اماكن في القلب . بل سوف اقوم بشرحها لكم بالخشيبات مع الادوات الاكثر استخدامات حتى اذا كنت ترغب في عدم استخدام الادوات كذلك .


العديد من المدونين على منصة بلوجر المجاني تقوم بتحميل العديد من القوالب العربية او الاجنبية المجانية وربما تشتري قوالب مدفوعة بسعر ازيد من 10 دولار ، بسبب ان هذا القالب يحتوي على العديد من المميزات والاضافات التي لا توجد في القوالب الاخرى ولكن ينقصه لون المناسب لنوع المحتوى الخاص بك . مثلا انت قمت بتحميل قالب بلون ازرق وتريد انشاء مدونة خاصة بالنساء ، فهنا تحتاج الى اضافة لون وردي او بنفسجي بارد او ازرق سماوي . إذا في هذه الحالة يجب عليك ان تتعلم كيفية تغيير الوان قالب بلوجر بدون ان تدفع المال لصاحب القالب من اجل تغير الالوان .



كيفية التعرف على لوان قالب بلوجر 


1 – الطريقة الاولى وهي انك تستعين بتطبيق ColorZilla والذي يتم تثبيته في متصفح جوجل كروم Google Chrome وموزيلا فايرفوكس Firefox .

سوف تقوم بالدخول الى هذا الرابط وتقوم بتثبيت البرنامج في المتصفح .

ColorZilla Google Chrome

ColorZilla Firefox


عندما ادخل الى المتصفح سوف تجد كلمة ADD TO او اضافة على المتصفح كما في الصورة .

بعدما سوف تقوم بتثبيته في المتصفح ، سوف تجد ايقونة على شكل قلم في اعلى المتصفح على يمين الشاشة كما في الصورة .


how to change the colors of the blogger template 1101106670


2 – سوف نقوم بنقر على يمين الفأرة في المتصفح ونختار Colorzilla ونقوم بالضغط على EYEDROPPER . بعدها سوف نحدد مكان الذي نريد ان نتعرف على اللون الخاص به .


33



هناك طريقة اخرى وهي بدون استخدام اي برنامج بصفة كاملة . سوف تتجه الى المتصفح وتنقر على يمين الفأرة وتختار inspecter . سوف تجد في الاعلى ايقونة على شكل سهم داخل مربع ، سوف تقم بالضغط عليها وقم بتحديد المكان الذي تريد ان تتعرف على لونه كما في الصورة .

how to change the colors of the blogger template 331175861

طريقة تغيير الوان قالب بلوجر


بعدما تعرفنا على كيفية استخراج اللون ، الان سوف تأتي مرحلة تغير لون القالب . 

الطريقة المثلى وهي التي شرحت لكم في الثاني وهي استخراج اللون عن طريق inspecter وتحدد مكان اللون كما في الصورة السابقة .

سوف تجد جميع الاكواد التي تخص هذا المكان الذي انت حدثته ، لا من ناحية اللون والحجم ونوع الخط … .

1 – سوف تجد الكود في الاعلى ، طبعا الاكواد تختلف من قالب الى قالب ، وانا ظهر لي كود بهذا الشكل 

 .headline .title { 

2 – سوف أتذكر أوامر باسم background : متبوع برمز اللون 3560ab#  هذا هو الكود الذي يجب علينا البحث عنه وتغيريه للون الذي تريد .


000


سوف نقوم بنسخ .headline .title { ولكن هذه المرة سوف نقوم بلصقها دون ترك فرغ وتصبح على هذا الشكل. 
.headline .title{

بعدها ندخل الى المظهر ثم التخصيص بعدها سوف ندخل الى تعديل HTML .

2020 12 16 125509


سوف نبحث عن الكود الذي قمت بنسخه .headline .title{  عن طريق محرك البحث الذي يتم استخراجه بالضغط على Ctrl+F .

سوف اجد رمز الخاص باللون الذي يجب عليك تغييره . طبعا سوف نقوم بتغير #3560ab فقط الى اللون الذي تريد .

background:#3560ab;

ولكن احيانا يظهر كود اللون غير مشابه بهذا الرقم 3560ab في بعض القوالب مثل ما حدث لنا نحن شخصيا وجدنا ان الكود بهذا الشكل .

background:$(step.color)

إذا الذي يجب عليا فعله هو تغير فقط  كود $(step.color) بكود اللون ابيض مثلا  #ffffff  ويصبح على هذا الشكل .

background: #ffffff 

011

وتقوم بعمليه الحفظ وتنتهي العملية ويمكنك تغير جميع امان القالب بهذه الطريقة فقط .

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى