تضمين المكتبات الخارجية في مدونات بلوجر

بلوجر فيومي

في هذا المقال، سنوضح كيفية تضمين المكتبات الخارجية في قالب بلوجر. سوف نضيف مكتبات مثل

jQuery ،Bootstrap، AJAX، Lodash ،Moment.js، Font Awesome .

سنتبع الخطوات التالية لإدراج هذه المكتبات عبر الروابط المباشرة فوق وسم

  <head>

الموجود في قالب بلوجر

تضمين jQuery

تضمين مكتبة jQuery باستخدام الرابط المباشر.

        <!-- تضمين jQuery -->
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

شرح الخطوة 2: إضافة Bootstrap CSS

تضمين Bootstrap CSS

تضمين ملف CSS لمكتبة Bootstrap لتحسين تصميم الواجهة.

        <!-- تضمين Bootstrap CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

شرح الخطوة 3: إضافة Bootstrap JS

تضمين Bootstrap JS

تضمين ملف JavaScript لمكتبة Bootstrap لتفعيل التفاعلية.

        <!-- تضمين Bootstrap JS -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

شرح الخطوة 4: إضافة مكتبة Lodash

تضمين مكتبة Lodash

تضمين مكتبة Lodash للتعامل مع بيانات JavaScript بشكل ميسر.

        <!-- تضمين مكتبة Lodash -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>

شرح الخطوة 5: إضافة مكتبة Moment.js

تضمين مكتبة Moment.js

تضمين مكتبة Moment.js لإدارة التواريخ والأوقات.

        <!-- تضمين مكتبة Moment.js -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>

شرح الخطوة 6: إضافة Font Awesome

تضمين Font Awesome

تضمين مكتبة Font Awesome لاستخدام الأيقونات في تصميم الصفحات.

        <!-- تضمين Font Awesome -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

ان لم تجد المكتبه التي تبحث عنها فعليك زيارة

Getting Info...