يرجى متابعة الموقع للحصول على كل ما هو جديد وحصري . متابعة

إضافة صندوق التنبيهات داخل مشاركة بلوجر بشكل جديد 2022

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

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

إضافة مربعات التنبيه في بلوجر

يجب عليك استخدام كود CSS و HTML لإضافة مربع التنبيهات في مدونتك. كل ما عليك فعله هو اتباع الخطوات التالية لإضافة مربعات التنبيه بشكل صحيح وبدون أخطاء.

خطوات إضافة كود مربعات التنبيه 

الخطوة الأولى : أضف أكواد CSS التالية أسفل الوسم ]]> </ b: skin>


/* صندوق التنبيهات من موقع قوالب لونا */
.lubox{background-color:#e9ebee;color:#58606B;padding:10px;margin:20px 0;border:1px solid #dddfe2;border-radius:5px}
.lubox a{color:#1E2326;font-weight:bold}
.lubox.sucess{color:#145724;background-color:#d4edda;border:1px solid #c3e6cb}
.lubox.sucess a{color:#0A2E12;font-weight:bold}
.lubox.primary{color:#014286;background-color:#CBE5FE;border:1px solid #b8daff}
.lubox.primary a{color:#0A315A;font-weight:bold}
.lubox.danger{color:#7A2930;background-color:#f8d7da;border:1px solid #f5c6cb}
.lubox.danger a{color:#491217;font-weight:bold}
.lubox.warning{color:#856404;background-color:#fff3cd;border:1px solid #ffeeba}
.lubox.warning a{color:#554104;font-weight:bold}
الخطوة الثانية : إضافة أكواد html، حيث يمكنك نسخ ولصق اكواد html في اي مكان تريد فيه ظهور مربع التنبيه داخل مشاركة بلوجر.

<div class='lubox'>قوالب بلوجر مجانية واحترافية.</div>
<div class='lubox sucess'>قوالب بلوجر مجانية واحترافية.</div>
<div class='lubox primary'>قوالب بلوجر مجانية واحترافية.</div>
<div class='lubox danger'>قوالب بلوجر مجانية واحترافية.</div>
<div class='lubox warning'> قوالب بلوجر مجانية واحترافية.</div>

معاينة الإضافة

قوالب بلوجر مجانية واحترافية.
قوالب بلوجر مجانية واحترافية.
قوالب بلوجر مجانية واحترافية.
قوالب بلوجر مجانية واحترافية.
قوالب بلوجر مجانية واحترافية.

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

إرسال تعليق

إمتداد ويب © 2021 - 2022