كيفية إضافة شريط تقدم أداة تحميل الصفحة على مدونة بلوجر

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

كيفية إضافة شريط تقدم أداة تحميل الصفحة على مدونة بلوجر

لا داعي للإطالة، دعنا نواصل البرنامج التعليمي.

إضافة بعض التعليمات البرمجية إلى القالب

لإنشاء المُحمل، سنضيف عدة أسطر من كود CSS ورمز Javascript الخارجي إلى القالب. وإليك كيف.

1. افتح لوحة تحكم مدونة بلوجر.

2. في لوحة تحكم Blogger، انقر فوق سمة .

3. ثم انقر فوق وانقر فوق تحرير HTML .

4. ابحث عن القسم /*]]>*/</style>أو ]]></b:skin>قم بلصق الكود التالي فوقه مباشرة.

/* Pace v1.2.4 - Default theme | Licensed MIT © HubSpot, Inc. | github.com/CodeByZach/pace */ .pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#ffa900;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}  

قم بتغيير الجزء المحدد #ffa900إلى رمز لون اللودر الذي تريده.

5. ثم ضع الكود التالي فوق الوسم مباشرة </head>.

<script src='https://cdn.jsdelivr.net/npm/pace-js@latest/pace.min.js'/>

6. ثم يمكنك حفظ التغييرات التي أجريتها على قالب Blogger الخاص بك عن طريق النقر فوق الزر حفظ ثم.

يمكنك مشاهدة مثال (عرض توضيحي) على هذه المدونة، ما عليك سوى إعادة تحميل صفحة المدونة هذه وإلقاء نظرة على الجزء العلوي من الصفحة.

إغلاق

إذن هذه هي كيفية إضافة شريط تقدم أداة تحميل الصفحة على Blogger . آمل أن تساعدك هذه المقالة إذا كان لديك أي أسئلة، اطرحها في عمود التعليقات.

انتهى المقال الى هنا! اذا اعجبك مقال وأستفدت منه لاتنسى مشاركته مع الاصدقاء والعائلة. نحن نسعى دائما لتقديم الافضل.