أسهل طريقة لتركيب سلايدر شو لمدونتك بلوجر Blogger Slideshow

• دائما لما نريد تعديل اكواد قالب نقوم بعمل نسخة إحتياطية .
• نذهب إلى المظهر ثم تحرير HTML .
• للبحث عن أي وسم نضغط على ctrl+f من الكيبورد و نتأكد ان خانة البحث تكون في اكواد القالب و ليس صفحة المتصفح .
• الاكواد التي نضعها بين ' ' هي عبارة عن روابط تحميل مباشرة للأكواد ، قمنا بهاته الخطوة لنضمن عدم تلف أي من الاكواد للأبد

1. نبحث عن وسم /head و نضع الكود التالي ' Style 2e ' فوقه
2. ثم نبحث عن وسم /body و نضع الكود التالي ' JS 2 ' مباشرة فوقه
3. الكود التالي ' HMT 2 ' ضعه في المكان الذي تريد ظهور به السلايد شو .
4. قم بتغيير التسميات بالتسميات الخاصة بأقسام موقعك التي تريد أن يظهر منها مواضيع على السلايد شو ، هي 7 تسميات .
5. قم بعمل حفظ للمظهر الاَن
6. المكان المناسب عادة هو فوق خانة المواضيع و السايدبار في الواجهة الرئيسية .
7. نفتح الموقع الخاص بنا ثم كليك يمين بالماوس ، و من ثم تختار inspect 
8. الاَن تعمل كليك و انسبكت في السايدبار مثلا و في الاسفل تصعد في الاكواد حتى تصل للكود الذي يحدد كل من السايدبار و المواضيع
9. في حالتي وجدت الكود هو class="middle-content"
10. إذهب الاَن الى القالب مثلا و ابحث عن الكود الذي وجدته ، في حالتي أبحث عن middle-content
11. ثم أضغ كود السلادير شو فوقه و اقوم بحفظ المظهر
12. معاينة النتيجة : Preview

1. نبحث كالعادة داخل القالب عن وسم /head ثم ضع الكود التالي ' Style 3 ' فوقه
2. الان نبحث عن وسم /body الذي نجده عادة في نهاية اكواد القالب و هو الخاص بالجافاسكريبت و نضع الكود التالي ' Js3 ' فوقه مباشرة
3. أخيرا الكود التالي الخاص بالسلايدر شو ' SLD 3 '
4. قم الاَ، بحفظ المظهر الخاص بقالبك
5. تحديد مكان السلايدر كما شرحنا في الإضافة السابقة
6. الأمر يحتاج بعض التركيز فقط لوضعه في المكان المناسب
7. في هاته الحالة لا تحتاج وضعه تسميات فهو يعمل تلقائيا 
8. حيث يجلب تدوينات تلقائية من الموقع الخاص بك و يعرضه على سلايدرات
9. أزرار فتح المواضيع واضحة جدا و جميلة
10. السلايدر يظهر على شكل شرائح و عصري جميل جدا
11. معاينة النتيجة : Preview

1. كما فعلنا في الإضافتين السابقتين نبحث عن وسم /head في القالب و ضع كود ' Style 4 ' فوقه مباشرة .
2. المرحلة التالية هي البحث عن وسم /body الموجود في نهاية القالب ، ثم نضع فوقه الكود التالي ' JS 4 ' .
3. كما فعلنا سابقا نحدد مكان ظهور السلايدر شو في القالب و نضع به الكود التالي ' HMT 4 ' .
4. ستجد به الرقم 15 و هو عدد المواضيع التي سيجلبها السلايدر ، يمكنك تغييرها الى رقم اقل مثلا 5 اذا اردت سرعة اكبر للموقع .
5. قم بحفظ المظهر الاَن .
6. اذا أردت إظهار مواضيع من تسمية معينة قم بإستعمال كود ' HMT 4,1 ' بدل الكود السابق ، و كل ما عليك هو وضع تسمية المواضيع التي تريد ظهورها فيه ، ثم قم بحفظ المظهر .
7. يعني استعمل احد الكودين فقط و ليس كلاهما ، اما تظهر مواضيع عشوائية بالكود الاول ، او تظهر مواضيع من تسمية معنية بالكود الثاني .
8. طريقة البحث عن المكان الذي تضع به الكود هي نفسها التي شرحناها في السلايدر الاول .
9. السلايدر به أيقونتي تنقل جميلتين .
10. تأكد دائما بأن القالب الخاص بك لا يحوي سكربتات السلادي شو التي قد تتداخل فيما بينها
11. إذا وجد سكربت قم بحذفه دائما .
12. السلايد شو يشتغل تلقائيا و يتنقل بين المواضيع التي يسحبها من موقعك .
13. النتيجة : Preview

4 - إضافة سلايدر شو متجاوب و إحترافي بالماتريال ديزاين لمواقع بلوجر

1. بدايتنا ستكون دائما بالبحث عن وسم  /head الذي نضعه الكود الخاص بالستايل ' Style 5 ' فوقه
2. ثم نبحث عن وسم /body الذي يكون في نهاية القالب دائما و هو مكان وضع اكواد الجافا سكربت ، حيث نضع كود ' Js5 ' فوقه .
3. الاَن حدد مكان وضع كود السلايدر ' Slid 5 ' و هو الذي يظهر به السلادير شو على موقعك
4. قم بحفظ المظهر و تأكد من ظهور سلايدر شو 
5. هذا السلايدر يقوم بسحب المواضيع تلقائيا من موقعك و لا يحتاج اي تعديلات او وضع تسميات
6. هذا السلايدر عصري و يمكن التنقل فيه يدويا كما يقوم بالتنقل الاوتوماتيكي
7. اراه صالح جدا للمدونات و المواقع المصممة بالماتريال ديزاين
8. عدد المواضيع التي يسحبها في كل تحديث للصفحة هو 8 و كذا لا يأثر على سرعة الموقع
9. يظهر في كل مرة موضوع ثم ينتقل للموضوع الذي بعده
10. يمكنك تعديل الالوان الخاص به حسب الوان الموقع الخاص بك ليتناسب معها
11. دائما يكون السلايدر شو متموضع تحت القائمة الرئيسية و قبل المواضيع و السايدبار وليس العكس ، كما شرحنا في السلايدر الاول
12. النتيجة : Preview

1. ككل مرة في طرق إضافة السلادير نبحث عن وسم /head من القالب ، الذي نضع فوقه الكود التالي ' Style 6 '
2. في نهاية أكواد القالب نبحث عن وسم /body و نضع فوقه مباشرة الكود التالي ' JS 6 '
3. يأتي دور اَخر كود ' HMT 6 ' و هو الخاص بالسلايد شو ، و يمكنك وضعه في اي مكان تريد أن يظهر به السلايدر
4. في الأخير قم بحفظ المظهر و ادخل لموقعك لمشاهدة النتيجة
5. القالب يقوم هو أيضا بسحب احدث ثلاث مواضيع تلقائيا
6. هذا السلايدر ثابت و لا يقوم بالتغيير ، بمعنى يجب 3 مواضيع لا اكثر
7. السلايدر به تأثير الزوم عند المرور عليه بالماوس
8. تظهر التسمية الخاصة بكل موضوع يظهر في السلايدر
9. عند توجيه الماوس على السلايدر يمكن رؤية صعود العنوان بتأثير جميل جداَ
10. أرى هذا السلايد كتزيين فقط للموقع و هو مساعد على تسريع التحميل
11. الإبقاء على جمالية الموقع مع السرعة هي إحدى خواص ' تحسين محركات البحث Seo '
12. في النهاية تحديد مكان السلادير شو هو نفسه المشروح في السلايدر الأول .
13. النتيجة : Preview

II - شرح طريقة إضافة سلايد شو حسب التسميات لمدونات بلوجر

• نبحث عن وسم /head و نضع الكود التالي ' Style ' فوقه
• الاَن ضع الكود التالي ' HMT ' في المكان الذي ترى ظهور فيه السلايد شو مناسب 
• لمعرفة المكان المناسب تفتح موقعك ثم كليك يمين بالموس و inspect 
• مثلا انا اصعد في الاكواد و اريد وضعه فوق مكان الماوضيع و السايدبار ، فوجدت ان كلاهما في class="middle-content"
• لذا سأبحث في القالب عن middle-content و أضع الكود فوقها و سيظهر السلايد شو فوقها
• ستجدون تسمية ' سينما ' في الكود غيرها بالتسمية من قالبك .
• هذا السلايدر يأخذ مساحة كبيرة و يقوم بسحب الكثير من التدوينات
• يوجد عليه تأثير تدرج الوان جميل و جذاب
• ايضا لاحظت ظهور أيقونت تشغيل فيديو عند تمرير الماوس
• معاينة النتيجة : PREVIEW

2 - كيفية إضافة سلايدر شو بلوجر لإظهار مواضيع قسم معين

III - أفضل سكربت عرض أحدث المواضيع حسب التسمية لبلوجر

1. كيفية إضافة صندوق عرض المواضيع حسب التسمية مع سلايدر شو 
2. كما فعلنا سابقاَ نقوم بالبحث عن وسم /head و ضع فوقه مباشرة كود ' Style 001 '
3. تاليا نبحث عن وسم /body الذي نجده مع نهاية اكواد القالب ، و نضع الكود التالي ' Js 001 ' فوقه
4. الكود التالي ' HTM001 ' هو الخاص بمكان ظهور الإضافة
5. أنت حدد من القالب مكان إضافة و ضعه بها و غير رقم 12 الى الرقم الخاص بعدد المواضيع التي تريد سحبها و أنصحك ب 8 لتجنب التأثير على سرعة تحميل الصفحة الرئيسية لموقعك
6. ثم تقوم بحفظ المظهر و توجه الى موقعك و شاهد النتيجة
7. مثلا انا قررت وضعه قبل او بعد اَخر المشاركات الذي هو المكان المناسب لها
8. اقوم بالضغط على اَخر المشاركات بكليك يمين من الماوس و اختار inspect 
9. لما عاينت القالب وجدت ان الكود الخاص بالصندوق هو id="RecentPosts" 
10. بمعنى اذهب للقالب ثم ابحث عن RecentPosts 
11. إذا اردت وضعه فوقها الصق الكود فوقها طبعا
12. اذا اردت وضعه تحتها لا اقوم بوضعه مباشرة بعدها 
13. بل في الجانب و في الترقيم الخاص بالسطور أضغط عليها فيغلق كل اكواد RecentPosts و كذا اضع الكود بعده
14. و اقوم بحفظ المظهر و احصل على النتيجة الرائعة .
15. النتيجة : Preview

2 - سكربت عرض مواضيع حسب التسمية بثلاث أشكال مع سلايدر

1. نبحث كعادتنا عن اول وسم الذي هو /head لنضع فوقه الكود التالي ' Style 002 '
2. الان إبحث داخل الاكود عن وسم /body الذي نجده في النهاية دائما ، لنضع سكربت ' Js 002 ' فوقه
3. الان الكود التالي ' HMT 002 ' نضعه في المكان الذي نراه مناسب من القالب
4. قم بحفظ المظهر 
5. توجه الى التخطيط ستجد أكثر من صندوق ظهر معك
6. قوم بفتح كل صندوق و غير التسميات الى تسمية خاصة بموقعك ، يعني كل صندوق ضع به تسمية مختلفة من موقعك .
7. نحدد المكان كما شرحنا سابقا في إضافة السلايدر شو التلقائ و ليس مثل عرض المواضيع تلقائيا
8. هذا الكود ليس سكربت واحد انما هو مدمج فأولا ستظهر معك ثلاث صناديق عمودية كل منها يظهر مواضيع تسمية معينة
9. ستجد سلايد شو بشكل أفقي يحمل أربع مواضيع ثابت
10. ستجد سكربت لعرض المواضيع بثلاث صناديق عمودية و لكن بشكل أبسط
11. ستجد في الأخير سكربت لعرض المواضيع لكن بـ 6 أيقونات صغيرة بشكل عمودي و أفقي بسيط
12. على كل صندوق يوجد زر إظهار المزيد للدخول الى قائمة مواضيع التسمية التي إخترتها
13. عند مشاهدة النتيجة ستفهم شكل السكربتات الاربع التي قمنا بإضافتها
14. ينصح بإضافة هذا السركبت على القوالب البسيطة الخامة التي ليس بها إضافات فقط .
15. النتيجة : Preview

3 - طريقة إضافة مشاركات شائعة بلوجر على شكل سلادير شو

1. هاته المرة سنعمل بطريقة عكسية مقارنة بالإضافات السابقة
2. ما تقوم به اولا الذهاب الى التخطيط ثم اضافة اداة من السايدبار ،ثم تختار مشاركات شائعة و اختر الكل و قم بنشرها .
3. افتح الموقع الخاص بك و على السايدبار و قم بعمل معاينة بعمل كليك يمين و inspect
4. الاَن في الاسفل على اليمين تظهر لك اكواد css الخاصة بالمشاركات الشائعة مثلا انا الكود الخاص بها .PopularPosts article
5. اقوم بالذاهب الى القالب و احذف اكواد css الخاصة بها فقط
6. قم بحفظ المظهر الاَن
7. ملاحظة : ان كنت لا تمتلك الخبرة لا أنصحك بعمل هاته الاضافة
8. الان في القالب نبحث عن وسم /head و نضع الكواد ' Style 003 ' فوقه كما فعلنا مع جميع الاضافات 
9. تبحث الاَن عن وسم /body الخاص بالجافا سكربت ( يكون في نهاية القالب ) ، و نضع الكود ' JS 003 ' فوقه 
10. الاَن قم بحفظ المظهر الخاص بالقالب
11. اذهب و عاين الموقع الخاص بك و شاهد تحول شكل المشاركات الشائعة من الشكل التقليدي إلى سلايدر شو
12. تتميز الإضافة بالإنتقال التلقائي بين المشاركات الشائعة
13. يتوفر بها ازرار عائمة على شكل دائرتين للتنقل الى التالي و السابق
14. يتوفر بها ما يشبه الازرار الصغيرة بشكل عمودي للانتقال بينها ايضا
15. النتيجة : Preview