الخميس، 15 يناير 2015

كيفيت اضافه اخر المواضيع بشكل متحرك بتقنية jQuery




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

مثال حي :


Get it here 


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

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

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

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

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








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

+ قم بتغيير مايلي : http://abdallhaidbody.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
ملاحظة :* يستحسن وضع صورة على الأقل في كل موضوع للحصول على مظهرجيد للإضافة. * تتميزهذه الإضافة بعدم تعارضها مع أي إضافات أخرى على مدونتك.
اتمنا ان اكون افدتكم ويارب يكون الشرح موفق وميسر وتكونو فهمتوم واستفدتم منو اي مشاكل في الشرح اسئله اي استفسار ارجو ترك تعليق وسوف نقوم بارد عليك في اسرع وقت ممكن ان شاء الله لا تحرمونا من تعليقاتكم واعجابتكم ودعمكم لنا تحياتي للجميع     


                 ♥ والسلام عليكم ورحمه الله وبركاته ♥

ليست هناك تعليقات:

إرسال تعليق