يمكنك الان شراء مساحة اعلانية علي موقعنا معرفه المزيد

اعلان

تغيير شكل العناوين في مقالات بلوجر إلى أشكال إحترافية

شرح جديد لكيفية تغيير اشكال العناوين في مواضيع مدونة بلوجر بشكل احترافي 2023
الرجاء الانتظار 0 ثانية...
قم بالتمرير لأسفل وانقر فوق فتح الرابط للتوجيه
تم فحص وتجهيز الرابط

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

تغيير شكل العناوين بلوجر

كيف تغيير شكل عناوين موضوع بلوجر

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

خطوات تركيب شكل العناوين

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

  1. اذهب الى الصفحه الرئيسيه Blogger.com
  2. من القائمه في الجانب الايمن اذهب الى القالب ثم بعد تحرير HTML.
  3. الان قم بالبحث عن الوسم ]]></b:skin>.
  4. بعد ايجاد ]]></b:skin> قم بالنسخ الكود التالي واضافته فوق منه مباشره واحفظ العمل.
:root {
--themeC: #482dff;
--darkU: #41B375;
}
.post-body h2 {
    background-color: var(--transB);
    border-left:7px solid var(--themeC);
    border-right:7px solid var(--themeC);
    border-radius: 50px 110px 50px 110px;
    padding: 10px;
    font-size: 25px;
    text-align: center;
}
.post-body h3,
.post-body h4,
.post-body h5 {
    background-color: var(--transB);
    border-left:5px solid var(--themeC);
    border-right:5px solid var(--themeC);
    border-radius:5px;
    display:block;
    margin: 5px 0px 10px;
    padding: 3px 20px;
}
.drK .post-body h2,
.drK .post-body h3,
.drK .post-body h4,
.drK .post-body h5 {border-left:5px solid var(--darkU);border-right:5px solid var(--darkU);}

شرح كيف عمل الكود

الان بعد اضافه الكود وحفظ العمل. كل ما عليك الان هو عند انشاء موضوع جديد ومن التنسيق استخدام العنوان h2 اما بالنسبه للشكل الاخر الثاني فهو المسؤول عنه العنوان الفرعي h3, h4 وبهذا فانك قم باضافه لمسه سحريه الى مدونتك.




ينتهي هنا موضوعنا عن "تغيير شكل العناوين في مقالات بلوجر إلى أشكال إحترافية"، ونلتقي في موضوع جديد على مدونة مستر ميدو. دمتم في امان الله :)

عن الكاتب

عبدالحميد ميدو، مصمم فلاتر سنابشات ومنشئ محتوى رقمي بخبرة تزيد عن 7 سنوات. لدي شغف بأحدث التقنيات، اهتمامًا خاصًا بلغات البرمجة كـ Python, JS وCSS.

5 تعليقات

  1. شكرا أخي في ميزان حسناتك
    1. بالتوفيق اخي
  2. وهل هذا الكود يتضمن الترقيم ايضا ام لا ؟!!!
    1. هذا للعناوين فقط , قريبا سوف اشرح طريقة تغيير شكل الترقيم في مواضيع بلوجر
    2. تم تحديث الكود, يعمل الان مع النظام التلقائي لقالب Plus UI.
يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق.
1 -أ ن يكون التعليق خاص بمحتوى التدوينة ❗
2 - أن لا تضع أي روابط خارجية❗
3 - أي سؤال خارج محتوى التدوينة يتم حذفه ❗
4 - لإضافة كود برمجي حوله أولاً بمحول الأكواد.
5 - لضمان نشر تعليقك يلزمك مراجعة اتفاقية الإستخدام.
ملفات تعريف الارتباط
نستخدم ملفات تعريف الارتباط (Cookies) لفهم كيفية استخدامك لموقعنا وتحسين تجربتك في المحتوى والإعلانات. باستمرارك في تصفح الموقع، فإنك توافق على استخدامنا لملفات تعريف الارتباط وفقًا لسياسة الخصوصية لدينا.
Oops!
يبدو أن هناك خطأ ما في اتصالك بالإنترنت.
يرجى الاتصال بالإنترنت والبدء في التصفح مرة أخرى.
يرجى السماح بعرض الإعلانات
يبدو أنك تستخدم أداة لحظر الإعلانات Adblock.
نحن نعتمد على الارباح التي نحققها من الإعلانات كمصدر تمويل لموقعنا الإلكتروني.
Site is Blocked
Sorry! This site is not available in your country.