الجمعة، 23 مايو 2014

السلايدر التوأم لآخر المواضيع مع الإعدادات

responsive slider widget for blogger
أحد أشهر السلايدر المتاح لمنصة بلوجر والذي امتلأ به الإنترنت شرقاً وغرباً لكن هناك معلومتين قليل من يذكرهما عن هذا السلايدر أولهما أن لهذا السلايدر نسختين أحب ان اسميهما التوأم متشابهتان كثيراً الفرق بينهما في التنسيق فالأولى أفقية تتناسب اكثر مع الاماكن العريضة والأخرى رأسية تناسب السايدر بار والمساحات الصغيره وهناك الكثيرين من يخلطون بينهم فيركب تلك مكان هذه ويصبح المظهر غير مضبوط , المعلومة الثانية التي يتغافل الكثير عن ذكرها في الإعدادات البعض لا يذكر ان هذا السلايدر ليس فقط لآخر المواضيع ولكنه أيضاً يمكن ان يكون لآخر المواضيع من قسم محدد وليس المدونة باكملها وهنا ستكون فائدته أكبر ان كان لديك قسم عليه إقبال كبير فمن الجيد ان تستخدم السلايدر فيه وسنتطرق لتلك الأمور في موضوعنا لكن اولا يمكنك معاينة السلايدر بنسختيه من الرابط التالي
ستلاحظون أن الاول جعلته لآخر المواضيع من المدونة كاملة والثاني جعلته ياتي بآخر مواضيع قسم القوالب فقط طبعا يمكن تخصيص الأول بالقسم أيضاً لكن فقط حتى اوضح الفرق في المعاينة
طريقة التركيب ثابته اضافة كود السلايدر في آداة HTML/JavaScript


السلايدر الأفقي


Recent Posts slider for Blogger






أهم الإعدادات

الرقم 4 و اللون #fff هما الخاصان بمقاس ولون إطار الصور في السلايدر
الكود المعلم بالأخضر الفاتح يمكنك ازالته ان كان قالبك يحتوي على مكتبة جي كويري
استبدل http://cnmu.blogspot.com برابط مدونتك
الرقم 15 هو عدد المواضيع التي ستظهر في السلايدر
ان اردت المواضيع من قسم محدد استبدل tagName:false
بهذا الكود tagName:"*",  مع تغيير رمز * بإسم القسم الذي تريد

السلايدر الرأسي


featured post slider for blogger




 

أهم الإعدادات

الرقم 4 و اللون #DEDEDE هما الخاصان بمقاس ولون إطار الصور في السلايدر
الكود المعلم بالأخضر الفاتح يمكنك ازالته ان كان قالبك يحتوي على مكتبة جي كويري
استبدل http://cnmu.blogspot.com برابط مدونتك
الرقم 15 هو عدد المواضيع التي ستظهر في السلايدر
ان اردت المواضيع من قسم محدد استبدل tagName:false
بهذا الكود tagName:"*",  مع تغيير رمز * بإسم القسم الذي تريد

ملاحظات 

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

كود السلادير هنا
على أن #fff  هو لون الخلفية
والرقم 2 هو مقاس الإطار واللون #777 هو لون الإطار
والرقم 400 هو مقاس مساحة السلايدر
والرقم 15 هو حجم الفراغ بين السلايدر والإطار
والرقم 10 حجم الفراغ لكن من الاسفل

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

إرسال تعليق