اقوي 3 اضافات سلايدرشوعصرية ومودرن لمدونات بلوجر

اضافة سلايد شو تلقائي لعرض أقسام متعددة على بلوجر

تركيب سلايدر شو على بلوجر ! ليست صعبة او خارقة كما يتوقع الجميع ، لكنها تحتاج بعض الأكواد النظيفة و الشرح الكامل ، و Blogger Slideshow متوفرة بأشكال كثيرة و هي ميزة أساسية في القوالب الحديثة ، و لكن الكثير من القوالب تفتقد هاته الميزة ، و اليوم سنشرح طريقة تركيب سلادير شو تلقائي و إضافة سلادير شو حسب التسميات ، و إضافة سكربت عرض المواضيع حسب التسمية و غيرها .

معني سلايدر شو

---

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

كيفية إضافة سلايد شو تلقائي لمدونات بلوجر

---

طريقة التعديل بسيطة على جميع القوالب :

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

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

---

1. نبحث عن وسم </head> و نضع الكود التالي ' code css ' فوقه
2. ثم نبحث عن وسم </body> و نضع الكود التالي 'code JS 2 ' مباشرة فوقه
3. الكود التالي ' codde HMTl 2 ' ضعه في المكان الذي تريد ظهور به السلايد شو .
4. قم بتغيير التسميات بالتسميات الخاصة بأقسام موقعك التي تريد أن يظهر منها مواضيع على السلايد شو ، هي 7 تسميات .
5. قم بعمل حفظ للمظهر الاَن
6. المكان المناسب عادة هو فوق خانة المواضيع و السايدبار في الواجهة الرئيسية .
7. نفتح الموقع الخاص بنا ثم كليك يمين بالماوس ، و من ثم تختار inspect
8. الاَن تعمل كليك و انسبكت في السايدبار مثلا و في الاسفل تصعد في الاكواد حتى تصل للكود الذي يحدد كل من السايدبار و المواضيع
9. في حالتي وجدت الكود هو
10. إذهب الاَن الى القالب مثلا و ابحث عن الكود الذي وجدته ، في حالتي أبحث عن
11. ثم أضغ كود السلادير شو فوقه و اقوم بحفظ المظهر

code Html code Css code Js

---

 

2 - إضافة سلايد شو عصري على بلوجر بدون أي خبرة ؟

---

1. نبحث كالعادة داخل القالب عن وسم</head>ثم ضع الكود التالي 'code Css ' فوقه
2. الان نبحث عن وسم</body> الذي نجده عادة في نهاية اكواد القالب و هو الخاص بالجافاسكريبت و نضع الكود التالي 'code Js ' فوقه مباشرة
3. أخيرا الكود التالي الخاص بالسلايدر شو ' Code Html '
4. قم الاَ، بحفظ المظهر الخاص بقالبك
5. تحديد مكان السلايدر كما شرحنا في الإضافة السابقة
6. الأمر يحتاج بعض التركيز فقط لوضعه في المكان المناسب
7. في هاته الحالة لا تحتاج وضعه تسميات فهو يعمل تلقائيا 
8. حيث يجلب تدوينات تلقائية من الموقع الخاص بك و يعرضه على سلايدرات
9. أزرار فتح المواضيع واضحة جدا و جميلة
10. السلايدر يظهر على شكل شرائح و عصري جميل جدا

 code Html code Css code Js

 

 

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

---

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

code Htmlcode Csscode Js

 

wesam developer

إذا أعجبك المقال أو كان مفيدًا - ضع "أعجبني". اشترك في المدونة اوشارك برأيك في التعليقات! أراك لاحقا