تغيير مظهر العناوين الرئيسية والفرعيه في بلوجر

يمكنك تعديل مظهر العناوين في بلوجر باستخدام CSS. يمكنك تخصيص العناوين بمستوياتها المختلفة مثل <h1>, <h2>, و<h3> لتغيير حجم الخط، اللون، والنمط.

تعديل مظهر العناوين في بلوجر

إليك كيفية تخصيص العناوين المختلفة:

تغيير مظهر العناوين باستخدام CSS

typecode

    <style>

      /* تخصيص مظهر العنوان <h1> */

      h1 {

        font-size: 36px;

        color: #333;

        font-weight: bold;

      }

      

      /* تخصيص مظهر العنوان <h2> */

      h2 {

        font-size: 30px;

        color: #555;

        font-weight: semi-bold;

      }

      

      /* تخصيص مظهر العنوان <h3> */

      h3 {

        font-size: 24px;

        color: #777;

        font-weight: normal;

      }

    </style>

  

مثال على جعل عنوان داخل مربع متجاوب مع تحديد لونه ولون إطاره

يمكنك أيضًا تصميم عنوان ليظهر داخل مربع متجاوب وتحديد لونه ولون إطاره باستخدام CSS:

typecode

    <style>

      /* تخصيص العنوان داخل مربع متجاوب */

      .responsive-box {

        background-color: #f5f5f5;

        border: 2px solid #ddd;

        border-radius: 5px;

        padding: 10px;

        width: 100%;

        max-width: 600px;

        margin: auto;

      }

      

      .responsive-box h1 {

        color: #333;

      }

    </style>

  

ثم استخدم هذا الكود HTML لتطبيق التصميم:

شاهد أيضاً :-

typecode

    <div class="responsive-box">

      <h1>عنوان داخل مربع متجاوب</h1>

    </div>

  

باستخدام هذه الأساليب، يمكنك تخصيص مظهر العناوين في بلوجر وتنسيقها بشكل يتناسب مع تصميم مدونتك.