كيفية وضع رسائل التنبيه لمدونات بلوجر بطريقة جديدة
اضافة رسائل التنبيه في مدونتك بطريقة بسيطة
في بلوجر تطورت اللغات والاضافات اصبحت متعددة , وافضل موضوع هذا الاسبوع هو مقال ايقونات التواصل الاجتماعي بشكل جديد لمكتبة uikit , نحن سعداء ان الموضوع اعجبكم ولذلك قررنا وضع درس جديد لهذه المكتبة الرائعة , وحتي الاسبوع الماضي افضل موضوع كان من هذه المكتبة في مقال إضافة أداة أوكرديون لعرض سؤال وجواب لمدونات بلوجر , من مميزات هذه المكتبة انها متجاوبة وسريعة وتدعم RTL , واليوم ستعرف كيفة اضافة رسائل التنبيه لمدونات بلوجر من خلال هذه المكتبة
قبل الدخول في شرح وضع الاضافة يجب وضع اكواد المكتبة داخل الموقع عن طريق فتح المظهر ثم تعديل html
ثم ابحث عن <head>وضع هذه الاكواد اسفله
<!-- UIkit CSS -->ثم قم بحفظ التعديل وبعد الحفظ ستكون وضعت اكواد المكتبة , نأتي للشرح
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.2.6/dist/css/uikit.min.css" />
<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/uikit@3.2.6/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.2.6/dist/js/uikit-icons.min.js"></script>
رسائل التنبيه - Alert
بعد الدخول للرابط ارسمي للمكتبة ستجد قسم رسائل التنبيه او مايسمي Alerts ,
في هذه المكتبة توجد 4 اشكال للرسائل
.uk-alert-primary
.uk-alert-success
.uk-alert-warning
.uk-alert-danger
وهذه صورة موضحة لأشكال رسائل التنبيه
فقط كل ماعليك هو الدخول لتحرير المقالات سواء كنت تكتب مقالة جديدة او تقوم بالتعديل علي القديمة , ثم قم بالضغط علي HTML في الاعلي وضع هذه الاكواد
<div class="uk-alert-primary" uk-alert>
<a class="uk-alert-close" uk-close></a>
<p>رسالة تنبيه.</p>
</div>
<div class="uk-alert-success" uk-alert>
<a class="uk-alert-close" uk-close></a>
<p>رسالة نجاح.</p>
</div>
<div class="uk-alert-warning" uk-alert>
<a class="uk-alert-close" uk-close></a>
<p>رسالة تنبيه.</p>
</div>
<div class="uk-alert-danger" uk-alert>
<a class="uk-alert-close" uk-close></a>
<p>رسالة خطر.</p>
</div>
هذه اكواد الرسائل باسمائهم وان كتبتهم في HTML سيظهرون كهذا
ونكون قد وصلنا لنهاية شرح اليوم
لاتنسي زيارة قسم بلوجر لمزيد من المواضيع واذا واجهتك اي مشكلة عموما في موقعك قم بكتابتها في صفحة اسألنا, او اذا كنت تريد شرح معين عن أي شي في بلوجر او SEO لاتتردد في كتابته في التعليقات , وقم بالاطلاع علي شهادات الموقع
تعليقات
إرسال تعليق