شرح طريقة تغير تصميم قالب بلوجر على مدونتك

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

دائما كما تعودنا يجب علينا اولا قبل البدء التعديل على قالب بلوجر الخاص بنا ان نقوم بشئ من الاثنين :

اما ان نقوم بى انشاء مدونه تجريبيه ونقوم بالتعديل عليها كما نحب وبعد الانتهاء نقوم بنقلها على المدونه الرئيسيه .
اما ان نقوم بعمل نسخ احتياطى من المدونه قبل العمل على التعديلات وحفظها على الجهاز بحيث اذا حدث اى مشكله يمكنك الرجوع الى اعداداتك السابقه برفع النسخه الاحتياطيه التى قمنا بتحميلها.

طريقة عمل نسخه احتياطيه من قالبك الخاص

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

طريقة استعادة القالب قبل التحميل

نقوم بالدخول الى بلوجر ومنها الى المظهر
نقوم بالضغط على زر النسخ الاحتياطى والاستعاده
ونختار هذه المره اختيار ملف ونقوم باختيار النسخه التى قمنا بتحميلها فى الخطوه السابقه من جهاز الحاسوب الخاص بك
وبعدها نقوم بالضغط على تحميل

بعد عمل تلك الخطوه المهمه نقوم بتطبيق الدرس الذى قمت بشرحه فى الفيديو التالى :

فيديو الشرح طريقة تغير تصميم قالب بلوجر على مدونتك:

يمكنك نسخ الالكواد التاليه وتجربتها على قالبك فهى اكواد جد رائعه يمكنك تجربتها بنفس الطريقه التى قمت بشرحها داخل الفيديو

اكواد التعديل

اكواد الشكل الدائرى يمكنك استخدامها كل كود على حدى

border-radius: 15px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;

كود تحديد بخط يمكنك استخدامه فى تحديد الازرار او الاقسام

border-radius: 2px solid #90949c;

كود خاص بالالوان يمكنك استخدامه فى الازرار والفوتر والقوائم جدا رائع

كود نثائى الالوان

background-image: linear-gradient(to top,#5b4b3d,#1f1d19)

كود ثلالثى الالوان

background-image: linear-gradient(to top,#5b4b3d,#1f1d19,#f80)

كود سبع الوان

background-image: -webkit-linear-gradient(45deg,rgb(255,255,255) 25%,#ece3c3 25%,#8c7663 50%,#88755e 50%,#615546 75%,#635345 75%,#5b4b3d);

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