foerx2.blogspot.com: May 2014

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

معاينة

ستلاحظون أن الاول جعلته لآخر المواضيع من المدونة كاملة والثاني جعلته ياتي بآخر مواضيع قسم القوالب فقط طبعا يمكن تخصيص الأول بالقسم أيضاً لكن فقط حتى اوضح الفرق في المعاينة

طريقة التركيب ثابته اضافة كود السلايدر في آداة HTML/JavaScript

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

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

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

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

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

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

ملاحظات

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

كود السلادير هنا

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

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

اضف الكود التالي فوق الوسم

مع حذف الكود الاحمر ان كانت لديك مكتبة JQuery في قالبك فعلياً

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

وأضف الكود التالي فوق الوسم ]]> إن اردت الازرار من اليمين الى اليسار كما في المعاينة

.ui-tabs .ui-tabs-nav li {float: right !important;}

اما الكود التالي هذا هو كود تشغيل وعمل الإضافة هذا تضيفه في موضوع طبعا بعد تغيير الموضوع من وضع التأليف الى وضع HTML أو في آداة HTML/JavaScript كما تريد