كيفية وضع رسائل التنبيه لمدونات بلوجر بطريقة جديدة

كيفية وضع رسائل التنبيه لمدونات بلوجر بطريقة جديدة 

اضافة رسائل التنبيه في مدونتك بطريقة بسيطة 
اضافة رسائل التنبيه في مدونتك بطريقة بسيطة

في بلوجر تطورت اللغات والاضافات اصبحت متعددة , وافضل موضوع هذا الاسبوع هو مقال ايقونات التواصل الاجتماعي بشكل جديد لمكتبة 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 لاتتردد في كتابته في التعليقات , وقم بالاطلاع علي شهادات الموقع

ارسال تعليق

أحدث أقدم