طريقة نشر الصور المتحركة GIF فى موقعك بخاصية Click to preview
المشاهدات:
10476
الردود:
1
هيلبرنت
.:: رفيق درب ::.
أولًا: إستخدمت فى هذه التدوينة إضافة مفتوحة المصدر jqGifPreview للإستفادة من ميزة Click to preview إضغط هنا للمعاينة
ثانيًا: يجب أخذ لقطة أو تصوير الشاشة لإلتقاط صورة ثابتة بصيغة PNG من الصورة المتحركة لتظهر بشكل إفتراضى قبل الضغط عليها، ورفعها على حسابك فى جوجل بلس أو أى موقع.
ثالثًا: إذا كنت تستخدم الصور المتحركة فى معظم موضوعات موقعك إتبع الخطوات:
1. إذهب إلى لوحة تحكم بلوجر ثم تبويب قالب ( قم بالإحتفاظ بنسخة إحتياطية من القالب).
2. إبحث عن الكود التالى بإستخدام لوحة المفاتيح Ctrl+F
3. ثم أنسخ الكود التالى وقم بإضافته فوق الكود السابق مباشرة
4. ثم إحفظ القالب
5. توجه إلى تبويب HTML للتدوينة وقم بإضافة الكود التالى:
ملاحظات :
النتيجة
المصدر: أضف الصور المتحركة إلى موقعك على طريقة الفيس بوك
ثانيًا: يجب أخذ لقطة أو تصوير الشاشة لإلتقاط صورة ثابتة بصيغة PNG من الصورة المتحركة لتظهر بشكل إفتراضى قبل الضغط عليها، ورفعها على حسابك فى جوجل بلس أو أى موقع.
ثالثًا: إذا كنت تستخدم الصور المتحركة فى معظم موضوعات موقعك إتبع الخطوات:
1. إذهب إلى لوحة تحكم بلوجر ثم تبويب قالب ( قم بالإحتفاظ بنسخة إحتياطية من القالب).
2. إبحث عن الكود التالى بإستخدام لوحة المفاتيح Ctrl+F
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
3. ثم أنسخ الكود التالى وقم بإضافته فوق الكود السابق مباشرة
PHP
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
5. توجه إلى تبويب HTML للتدوينة وقم بإضافة الكود التالى:
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
ملاحظات :
- إذا كان لديك مكتبة JQuery بالقالب ، فلا داعى لإضافة السطر الأزرق بالكود .
- قم بإستبدال الجزء الملون باللون الأصفر بالكود برابط الصورة الثابتة بصيغة PNG
- قم بإستبدال الجزء الملون باللون الأخضر بالكود برابط الصورة المتحركة بصيغة Gif
- إذا كنت تريد إستخدام هذه الخاصية فى موضوع معين فقط يمكنك إضافة جميع الأكواد داخل تبويب HTML للتدوينة.
النتيجة
المصدر: أضف الصور المتحركة إلى موقعك على طريقة الفيس بوك
