كيفية تنسيق العناوين فى بلوجر مثل مدونة عالم المدون

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

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

صورة من الإضافة

كيفية تنسيق العناوين فى بلوجر مثل مدونة عالم المدون

شرح التركيب

التركيب بسيط جدا للأكواد لان الأكواد فقط هى أكواد css فقط .
وسوف تبحث عن هذا الوسم]]></b:skin>وتقوم بوضع الكود التالى فوقه.

/* post h3 , post h4 */
.post h3 {
  color: #5e81b1;
  position: relative;
  display: block;
  font-size: 15px;
  padding: 8px 0;
  font-weight: 500;
  text-align: right!important;
  margin-top: 15px;
  margin-bottom: 15px;
}
.post h3:before {
  color: #E74C3C;
  content: "\f14a";
  font-family: fontawesome;
  margin: 0 0 0 5px;
  font-size: 20px;
}
.post h4 {
  color: #E74C3C;
  position: relative;
  display: block;
  font-size: 17px;
  padding: 8px;
  font-weight: 500;
  text-align: right!important;
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom: 3px solid #E74C3C;
  background-color: #E9EBEE;
}

بعد وضع الكود قم بحفظ القالب ومبروك عليك.

شكل العنوان الفرعى

فى مدونتى العنوان الفرعى يحمل الـ h4 وهو بهذا الشكل فى الصورة

لمعرف كيفية وضع العنوان الفرعى فى الموضوع شاهد الصورة التاليه

كيفية تنسيق العناوين فى بلوجر مثل مدونة عالم المدون

شكل العنوان الثانوي

فى مدونتى العنوان الثانوي يحمل الـ h3 وهو بهذا الشكل فى الصورة

لمعرف كيفية وضع العنوان الثانوى فى الموضوع شاهد الصورة التاليه

كيفية تنسيق العناوين فى بلوجر مثل مدونة عالم المدون

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