- أبو علاء
- 5:24 ص
- أضافات ودروس بلوجر ، JAVA/HTML
- لاتوجد تعليقات
بسم الله الرحمن الرحيم
والصلاة وسلام على نبينا محمد وعلى اله وصحبه أجمعين
بما أنه أول درس أو موضوعي الاول بمدونتي نت
سوف أضع لكم درس مهم للغاية والذي سيكون تابع لدروس وأضافات سأطرحها مستقبلا...
موضوع اليوم هو في كيفية وطريقة رفع ملفات الجافا سكربت بانواعها بما في ذلك جافا كويري أو جي كويري على مدونة البلوجر بدلا من مواقع الرفع الأخرى
من فوائد أو المميزات رفع ملفات جافا سكربت على مدونة البلوجر
1-زيادة سرعة المدونة ممايعني سرعة التصفح لمواضيع المدونة ولأن كثرة الأكواد
المرفوع على المواقع الاخرى تكون سبب في بطئ تصفح المدونة
2-الحفاظ على أضافات قالب البلوجر(دون ان تسقط او لا تعمل فيما بعد بسبب حذف ملفات الجافا سكربت من قبل المستضيف فكلنا جميعا نعلم بأن ملفات الجافا سكربت يجب ان تكون مرفوعة على مواقع استضافية لكى تعمل بشكل صحيح ولكى تعمل الأضافات)
الأن سوف أشرح لكم كيفية رفع الملفات جافا سكربت للمدونتك البلوجر
مثال بسيط للتوضيح نفرض أن الملف المراد استضافته مرفوع على رابط مباشر كالتالي:
http:/mdonti-n.googlecode.com/files/relt.js
نقوم بتحميل الملف
بعد ذلك نقوم بفتح بواسطة برنامج Notepad المفكرة
وسوف يكون الكود بهذا الشكل
(document.body).append('<div id="abt-page-loader">Loading...</div>');$(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` - See more at: http://mdonti-n.blogspot.com/2014/03/blog-post_2195.html#sthash.4fBql6xG.dpuf
الان نقوم بنسخ الكود
ثم نرفعه على مدونة بلوجر وذلك بادراجه داخل الكود التالي
<script type='text/javascript'>//<![CDATA[ضع هنا الكود المرفوع بموقع الاستضافة فقط الصقه هنا //]]></script>
ليصبح بهذا الشكل
<script type='text/javascript'>//<![CDATA[(document.body).append('<div id="abt-page-loader">Loading...</div>');$(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` - See more at: http://mdonti-n.blogspot.com/2014/03/blog-post_2195.html#sthash.4fBql6xG.dpuf //]]></script>
بعد ذلك نقوم بتوجه لحسابك ببلوجر ثم نقوم بإختيار القالب
ثــــــم
تحرير html
وطبعا يجب أن نضع الكود ما بين وسمين
<head> و <head/>
للتوضيح أكثر نقوم بالبحث عن الكود التالي
<head/>
ونضع فوقه مباشرة كود الجافا سكربت بعدما عمل عليه التعديل المذكور سابــقا
المشاركات
ليست هناك تعليقات :
إرسال تعليق