كود اضهار كل مواضيعك بصور متحرك في بلوجر

أحدث

كود اضهار كل مواضيعك بصور متحرك في بلوجر



كيفية إضافة أداة أحدث أو آخر المواضيع متحركة ومنزلقة بشكل جديد وجذاب مع مصغرات الصور على مدونات البلوجر

درس اليوم سأتطرق فيه إلى موضوع سبق وأن شرحته و هو كيفية إضافة آخر المواضيع على البلوجر مع مصغرات الصور بشكل متحرك – بتقنية jQuery، وذلك بعد أن تلقيت عدد مهم من طلبات الزوار حول هذه الأداة
و كَوْن أن الكود الخاص بها في الموضوع السابق لم يعد يشتغل عند معظم المدونين.


و كما هو معلوم فأداة أحدث المواضيع تساهم بشكل كبير على إبقاء الزائر لأطول مدة ممكنة في تصفح مدونتك، حيث يتم عرض المواضيع بطريقة متحركة و منزلقة بشكل جديد وجذاب مع مصغرات الصور، يمكن ملاحظة مثال حي لهذه الإضافة على هذه المدونة مدونة أفكار Pro، أو على الصورة المتحركة أسفله.


لنشرع الآن في تركيب هذه الإضافة على مدونة البلوجر

الخطوة الأولى : إضافة مكتبة jQuery

1- قم بتسجيل الدخول إلى لوحة تحكم مدونتك و اضغط على قالب من القائمة الجانبية.
2- ثم أنقر على "تحرير Html".
* لا تنسى أخذ نسخة إحتياطية لقالب مدونتك، لاسترجاعها عند حدوث أي خطأ ( تعلم كيف تقوم بأخد نسخة إحتياطية لقالب مدونتك و استرجاعها عند الضرورة ).

3- بعد ذلك اضغط على Ctrl + F للبحث عن السطر أسفله :

4- ثم انسخ السطر التالي مباشرة فوقه:




5- و قم بحفظ القالب.

الخطوة التانية : تركيب أداة أحدث أو آخر المواضيع متحركة

1- قم بالدخول على تصميم القالب ثم اضغط على إضافة أداة واختر HTML/JavaScript.
2- ثم قم بنسخ الكود التالي ولصقه بالمكان المخصص بكود

 HTML/JavaScript









 


3- قبل حفظ الإضافة قم ببعض التعديلات على الكود حسب رغبتك :

+ قم بتغيير مايلي : http://www.afkarpro.blogspot.com برابط موقعك أو مدونتك.

+ var numposts = 15 : من هنا يمكنكم التحكم بعدد المواضيع بالتغيير من قيمتها. 
+ limitspy: 3 : من هنا يمكنك تعديل عدد المواضيع المعروضة بالتغيير من قيمتها.
+ showPostDate = true : من هنا يمكنك إظهار أو إخفاء تواريخ المواضيع و ذلك بتغيير القيمة true بـ false.
+ للتحكم فى سرعة حركة المواضيع بما يناسبك قم بالتغيير في القيمة التالية : intervalspy=4000
+ لإخفاء تواريخ المواضيع و عدد التعليقات قم باستبدال هذا السكريبت : https://afkarpro-js.googlecode.com/svn/trunk/ScrollingRecentPostsWidget_SpyEffect-By-afkarpro.blogspot.com.js بــالسكريبت التالي : https://afkarpro-js.googlecode.com/svn/trunk/ScrollingRecentPostsWidget-By-afkarpro.blogspot.com.js

ملاحظة :
* يستحسن وضع صورة على الأقل في كل موضوع للحصول على مظهرجيد للإضافة. 
* تتميزهذه الإضافة بعدم تعارضها مع أي إضافات أخرى على مدونتك.

جديد قسم : بلوجر