شرح انشاء قائمة التبويبات المنسدلة

JQuery Accordion Widget
إضافة مميزة بتنسيق حصري تقوم الإضافة بعمل تبويبات او قوائم منسدلة لكن بتفعيل يدوي عبر الضغط يمكنك عبر تلك القائمة ان تنشئ الكثير من الأشياء قائمة روابط مثلا لمن يحبون عمل أسئلة أو يمكن عمل فهرس لاهم المواضيع او حتى اضافة أدوات تظهر مع الضغط وهذا ما سنراه في المثال الحي التالي
كما لاحظنا في المعاينة هناك روابط وهناك اضافة يمكنك تخصيص الآداة كما تريد والآن لشرح التركيب والتعامل مع الإضافة
هذا هو كود الإضافة يمكنك استخدامه في آداة HTML/JavaScript أو حتى داخل موضوع




 الكود المعلم بالأحمر يمكنك ازالته ان كانت لديك مكتبة جي كويري في قالبك
طبعا الكلمات العربية يمكنك تعديلها كما تشاء
ورمز الـ # بجوار كل كلمة هو الرابط أيضاً يمكنك تعديله ما عدا الخاص بالزر الاساسي لكل قائمة وهو المعلم بالأزرق
لعمل قائمة إضافية كل ما عليك فعله هو تكرار الكود الاخضر كاملا
مع مراعاة ان تكرار الكود البني داخل الكود الاخضر معناه رابط زيادة في القائمة
وهذا السطر ما هو الا فاصل فقط بين القائمة والاخرى ليسهل التعديل والإضافة
يمكنك تعديل هذا اللون #0480d9 لتغير لون أزرار القائمة
وهذا لتغيير اللون #e7f3fc عند تمرير الماوس على الروابط
وهذا هو لون الإطار #7dc2f3
الرقم 300 هو عرض القائمة يمكنك تعديله
بالنسبة لطريقة اضافة آداة بدلا من الرابط كما في المثال أضفت صندوق الفيس بوك
بدلا من ان تكرر القائمة الخضراء كاملة كرر فقط الكود التالي

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

انشاء صفحات الخطأ أو اعادة توجيهها

Error Page 404 Redirect
ان صفحات الخطأ تعتبر من الأشياء الأساسية في بلوجر سنتطرق  لأهم خصائص تلك الصفحات وطرق اعدادها أو حتى ان يتم إعادة توجيهها وحتى ضبط القوالب التي لا تدعم عمل صفحات الخطأ نبدأ أولا بطريقة تفعيل صفحة الخطأ
  1. من إعدادات المدونة
  2. نختار تفضيلات البحث
  3. الاخطاء وعمليات إعادة التوجيه 
  4. لم يتم العثور على الصفحة المخصصة
  5. نضغط على كلمة تحرير التي بجانبها
صورة توضيحية

في المكان المخصص لإضافة الأكواد نضيف الكود التالى


صفحة خطأ


الموضوع أو الصفحة التي تبحث عنها إما انها حذفت أو غير موجودة من البداية اضغط على الرابط التالي للعودة للرئيسية


الرئيسية

أو إستخدم محرك البحث التالي لإيجاد ما تريد



هذا هو كود صفحة خطأ يمكنك معاينتها من هنـــــــــــــا
هذا اللون #FFFFFF هو لون الخلفية يمكنك تغيره بلون آخر او ازالة هذه الأسطر إن اردتها بلون خلفية القالب
  background:#FFFFFF;
  border-radius: 8px;
  box-shadow: 0 0 4px #222222;
أما الرقم 500 هو المقاس يمكنك تغيره أو جعله نسبة مئوية ليكون متجاوب 98%
طبعا هناك الوان اخرى بقليل من الخبرة يمكنك تعديلها

إعادة التوجيه

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



الكود سيعيد التوجيه الى الصفحة الرئيسية
ويمكنك استبدال رابط الصورة المعلم بالاخضر التي تظهر عند إعادة التوجيه برابط صورة أخرى
وان اردت التوجيه الى صفحة أخرى غير الرئيسية
انسخ رابطها واضفه بدلا من علامة /
على أن يكون الشكل كالتالي
مثال هذا رابط موضوعنا
http://cnmu.blogspot.com/2014/08/Error-page.html
لو اردنا اعادة توجيه صفحة الخطأ للموضوع نضيف بدلا من علامة /
الجزء الأحمر فقط من الرابط وهذا ينطبق على أى رابط في المدونة ان اردنا ان نوجه صفحات الخطأ اليه
هذه هي اهم طرق عمل صفحات الخطأ مع أى قالب وتجنب الأخطاء التي تكون عائقاً في انشاء الصفحة في بعض القوالب
تحياتي

تأثير التحميل عند التنقل بين الصفحات في بلوجر

Blogger Page Loading Effect
لمسة جمالية مميزة على مدونتك بتقنية جي كويري تتيح الخاصية عمل تأثير تحميل عند التنقل بين الصفحات في مدونتك  بدلا من الإنتظار وظهور الصفحة غير كاملة , الخاصية خفيفة وسهلة التركيب طبعا كما اعتدنا يمكنك معاينة الخاصية أولا معاينة حية عبر الرابط التالي لاحظ عند الضغط على روابط المواضيع او الأدوات التي تحيل لمواضيع داخل المدونة سنجد ظهور التأثير
طريقة التركيب سهلة وبسيطة فقط أضف الكود التالي فوق الوسم


ويمكنك تعديل الرابط الأحمر برابط صورة تحميل أخرى بدلا من الإقتراضية وستجد في بحث صور جوجل مئات الصور ان بحثت تحت كلمة loading
ويمكنك تعديل هذا اللون #000 وهو لون الخلفية
في حال عدم عمل الإضافة هذا يعني ان مكتبة جي كويري غير مضافة في مدونتك
قم بإضافتها بوضع الكود التالي فوق الوسم


آداة القسم الثاني والثالث استبدل كلمة القسم1 بإسم القسم الذي سيعرض على اليسار
والقسم2 بإسم القسم الذي سيعرض على اليمين


القسم1">

القسم1
















القسم2">

القسم2










آداة القسم الرابع استبدل كلمة القسم بإسم القسم أو التسمية المراد عرض المواضيع منه

القسم">
القسم





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