شرح تركيب أحلى سلايد شو احترافي و أنيق لمدونتك - جديد 2015
يعتبر السلايد شو من اهم الإضافات التي يعتمد عليها المدونون و التي تضفي جمالا و رونقة لمدناتهم و يجعلها ذا طابع احترافي، حيث تمكّنك من عرض مواضيعك الأكثر مشاهدة في أعلى الصفحة الرئيسية بطريقة جدّابة و أنيقة تغري الزائر لتصفح مدونتك.
و في موضوع درس اليوم أقدّم لكم أحسن طريقة لعمل سلايد شو احترافي لمدونتك يعرض مواضيعك بطريقة أنيقة و مميّزة مثل ما تجده في كبريات المواقع العربية و العالمية كموقع الجزيرة و موقع Medi1 .
اضغط هنا لمعاينة السلايد شو
اضغط هنا لتحميل الكود
شرح طريقة تركيب الأداة ؟
- ننسخ الكود
- من لوحة التحكم للمدونة نختار التخطيط ثم نختار اضافة أداة ثم نختار اداة HtmlJavaScript
- نلصق الكود السالف
- نضع مكان الرمز C رابط الموضوع (الرابط الإلكتروني للموضوع )
- نضع مكان الرمز B رابط الصورة (الرابط الإلكتروني لصورة الموضوع+ اختر مقاس الصورة يتناسب مع مقاس السلايد شو)
- ضع مكان الرمز A عنوان الموضوع (أو نختار عنوان أخر للموضوع )
- ثم نقوم بحفظ الإضافة.
1- اذا أردنا زيادة عدد المواضيع المعروضة نقوم بزيادة عدد الأكواد التالية
<a href="C"><img src="B" alt="A"/></a>
اي نقوم بنسخها ولصقها الواحدة تلو الأخرى حسب عدد المواضيع التي نريد عرضها على السلايد شو (Slideshow ).
2- التحكم في ارتفاع وعرض الأداة (الإطار الخارجي) نقوم بالبحث عن الكود التالي:
#slider {
width: 468px;
height: 260px;
لتغيير عرض الأداة width
لتغيير ارتفاع الأداة height
3- تغيير لون السلايدشو الصغيرة (التي يتم بها عرض عنوان الموضوع ) نبحث عن الكود التالي:
background-color: #0066CC;
ونقوم بتغيير الرمز 0066cc (للحصول على الألوان بصيغة html انتقل للصفحة التالية )
4- تغيير حجم ولون خط عنوان الموضوع (عناوين المواضيع المعروضة على السلايد شو) ابحث عن الكود التالي :
font: bold 25px/21px traditional arabic ;
الرمز traditional arabic لإستبدال نوع الخط
الرمز 25px حجم الخط .
و الآن بعد إدخال التغييرات كما هو موضّح بشكل دقيق، مبروك عليك السلايد شو،
و نلتقي في درس قادم إن شاء الله.
- لأي استفسارات في الموضوع المرجو كتابة التعليق في الأسفل.
إرسال تعليق