كيفية وضع نص بداخل صندوق في بلوجر؟

كيف تضع نص معين في صندوق لإعطاء موقعك لمسة جميلة مثل الذي بالصورة؟

1- تذهب إلى بلوجر من ثم تضغط على المظهر من ثم تضغط على السهم الذي بجانب التخصيص من ثم تعديل HTML لتدخل إلى أكواد القالب وتبحث عن الوسم

div.islamink{
  font-size: 22px;
  border-right: 5px solid #4285F4; 
  border-left: 5px solid #4285F4;
  white-space: pre-line;
  padding: 8px 10px;
  background-color: #f1f5f9;
} 

2- الآن ستذهب إلى إنشاء منشور جديد وعلى سبيل المثال كتبنا في المنشور كلمة (بلوجر) ونريد وضعها في صندوق فهنا نحدد كلمة (بلوجر) ونجعلها خط عادي كما في الصورة

3- وبعدها نضغط على زر القلم كما في الصورة

ونختار عرض HTML وسترى في هذا الوضع كلمة بلوجر بين أكواد على هذا الشكل

<div style="text-align: right;">&nbsp;بلوجر</div>

فتضيف هذا الكود

4- اضغط نشر وسيظهر هكذا للناس كما في الصورة

div.islamink{
  font-size: 22px;
  border-right: 5px solid #4285F4; 
  border-left: 5px solid #4285F4;
  white-space: pre-line;
  padding: 8px 10px;
  background-color: #f1f5f9;
}