كيفية وضع ازرار ورسائل التنبيه لمدونات بلوجر بواسطة البوتستراب
اسهل طريقة لوضع رسائل التنبيه وازرار التحميل والمعاينة لمدونات بلوجر
مدونات بلوجر اصبح بها العديد من الاضافات بسبب تعدد مكاتب ولغات البرمجة , ودرس اليوم للبوتستراب ونحن قد وضعنا درس سابق عن كيفية اضافة مكتبة بوتستراب في موقعك وحاز الموضوع علي مشاهدات كثيرة , قبل الدخول للموضوع ساشرح نبذه عن البوتستراب .
البوتستراب هو إطار عمل حر ومفتوح المصدر لتصميم مواقع وتطبيقات الويب ,تحتوي البوتستراب علي قوالب جاهزة مكتوبة بلغة HTML و CSS لتنسيق النصوص والنماذج والأزرار وشرائط التنقل وغير ذلك من عناصر الواجهة الرسومية
شرح وضع اكواد البوتستراب لمدونات بلوجر
ادخل الي المظهر
ثم تعديل HTML
ثم ابحث عن <head> وضع هذه الأكواد اسفله
<!-- Latest compiled and minified CSS -->
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css' rel='stylesheet'/
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
وقم بحفظ القالب وتكون اضفت مكتبة البوتستراب في موقعك , نذهب لدرس اليوم وهو
وضع رسائل التنبيه لمدونات بلوجر
مايميز البوتستراب السرعة والتجاوب فهذه الصورة هي مثال لرسائل التنبيه الذي ستقوم بوضعها
<div class="alert alert-success">هذا الكود البرمجي سيعطي لك رسالة تنبيه بنجاح
<strong>Success!</strong> تحميل كورس بلوج ادسنس مجانا للمبتدئين.
</div>
طريقة وضع هذا الكود بسيطة جدا تستطيع وضعه في اداة ال html/javascipt او في ال html في صفحة المواضيع تستطيع وضع هذا الكود وسيعمل معك
هذا بالنسبة لرسالة ال success اذا كنت تريد اي رسالة اخري كما في الصور غير اسم المعرف (CLASS) بمعرفات اخري (.alert-success, .alert-info, .alert-warning, .alert-danger, .alert-primary, .alert-secondary, .alert-light or .alert-dark:)
جرب تغيير المعرف بهذه المعرفات وستعطيك نتائج مختلفة
نأتي للموضوع الثاني وهو
كيفية وضع ازرار لمدونات بلوجر
هذه الصورة بها الازرار الموجودة التي سضعها في موقعك كما ترون لكل زر له اسم معرف CLASS ولكي تضع زر في قالبك كل ماعليك هو الاتجاه الي ال html في صفحة كتابة المواضيع وكتابة كود الزر مثل هذا الكود
<a href="#" class="btn btn-primary" role="button">تحميل القالب</a>هذا الكود سيعطي لك هذه النتيجة
قم بتغيير (#) بالرابط الذي تريده وقم بتغيير جملة تحميل القالب بالجملة الذي تريدها وايضا تغيير اسم المعرف لباقي المعرفات الاخري btn btn-outline-dark , btn btn-outline-danger ,btn btn-outline-warning , btn btn-outline-info
وقم بحفظ الازرار وقم بمعاينة او نشر الموضوع وستجد الازرار ورسائل التنبيه تم تفعيلهم بطريقة سهلة , مايميز البوتستراب انه سريع ومتوافق مع جميع المتصفحات ومتجاوب مع جميع الشاشات .
وانتهي موضوع اليوم لاتنسي زيارة قسم السيو وبلوجر لمزيد من الشروحات اذا واجهتك اي مشكلة عموما في موقعك قم بكتابتها في صفحة اسألنا, او اذا كنت تريد شرح معين عن أي شي في بلوجر او SEO لاتتردد في كتابته في التعليقات
المصادر
تعليقات
إرسال تعليق