إضافة سليدر (Slider) بتقنية JavaScript لمدونات بلوجر

| |

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

اليوم الشرح سيكون حول كيفية اضافة Slider الى مدونات بلوجر ، هذه الإضافة تمكنك من عرض صور على مدونتك وهي بتقنية الجافاسكربت JavaScript ، الإضافة جميلة جدا والكود جد سهل .

لإضافة الـ Slider الى مدونتك اتبع الخطوات التـاليـة :

  • توجه الى لوحت تحكم مدونتك Blogger Dashboard .
  • اضغط على تخطيط Layout  .
  • اضغط على اضافة ادات Add a Gadget فوق الرسائل .
  •  اختر ادات HTML/JavaScript.
  • ثم الصق الكود اسفله في الصندوق بعد التعديل عليه .
 

شرح التغييرات الواجبة تغييها :
  • رابط الصورة    :   قم بتغييرها برابط الصورة المراد ادراجها في Slider .
  • الرابط             :  غيره بـالـ Link .
  • وصف الصورة  :  وصف قصير للصورة .
  • لحذف كلمة What's hot احذف الكود التالــي :
 #ribbon { width: 111px; height: 111px; position: absolute; top: -4px; left: -4px; background: url(http://4.bp.blogspot.com/-2AdmLJaub9w/T_2NGQHAKfI/AAAAAAAACjk/ZHsOsqRyBEk/s1600/helperblogger.com-ribbon.png) no-repeat; z-index: 7; }
ملاحظة : يمكنك تغيير المقاسات عن طريق تغيير ما يــلــي :


  • width: 500px;  يمكنك تغيير القيمة 500 لتغيير العرض .
  • height: 218px; يمكنك تغيير القيمة 218 لتغيير الطول .


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

  1. شكراً لك على الشرح الجميل والمميز
    http://ar-free-software.blogspot.com/

    ردحذف
  2. الشكر لك أخي على التعليق ،، أتمنى أن تكون استفدت كثيراا .

    ردحذف
  3. مشكور يا غالي
    http://arabworlde.blogspot.com/

    ردحذف

شاركنا بتعليقك، وشكرا لك


جميع الحقوق محفوظة لمدونة المساعد العربي ©2013-2014 | فهـرس الـموقــع | سياسة الخصوصية