لغة القالب

طريقة تضمين صور وفيديو بداخل تعليقات بلوجر

Admin
الجمعة, يوليو 22, 2022

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

لكن حل تلك المشكلة بسيط

طريقة تضمين صور وفيديو بداخل تعليقات بلوجر

فقط أضف الكود التالي في آداة HAML/JavaScript

وقم بسحب الآداة لتكون بعد منطقة المواضيع في تنسيق القالب هذا المكان المناسب لها

<script type='text/javascript'>

!function(){for(var a=/(\[img\])?((http:|https:)?\/\/\S*?\.(jpg|gif|png|bmp|jpeg]))(\[\/img\])?/gi,b=/(\[vid\])?http(?:s?):\/\/(?:www\.)?youtu(?:be\.com\/watch\?v=|\.be\/)([\w\-\_]*)(&(amp;)?‌​[\w\?‌​=]*)?(\[\/vid\])?/gi,c=/(\[vid\])?(http:|https:)?\/\/(vimeo.com)\/([0-9]*)(\[\/vid\])?/gi,d=document.querySelectorAll(".comment-content"),e=0;e<d.length;e++){for(var f=d[e].getElementsByTagName("a"),g=0;g<f.length;g++)if(f[g].href.match(a)||f[g].href.match(b)||f[g].href.match(c)){var h=document.createElement("span");h.innerHTML=f[g].href;var i=f[g];i.parentNode.insertBefore(h,i),f[g].href="",f[g].innerHTML=""}var j=d[e].innerHTML;j=j.replace(a,'<img style="max-width: 100%; height: auto;display: blocK;margin: 10px auto;" src="$2"" alt=""/>'),j=j.replace(b,'<div style="position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;margin:20px auto;"><iframe style="position: absolute;width: 100%;height: 100%;top: 0;left: 0;" src="https://www.youtube.com/embed/$2" frameborder="0" allowfullscreen></iframe></div>'),j=j.replace(c,'<div style="position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;margin:20px auto;"><iframe style="position: absolute;width: 100%;height: 100%;top: 0;left: 0;" src="https://player.vimeo.com/video/$4" frameborder="0" allowfullscreen></iframe></div>'),d[e].innerHTML=j}}();

</script>

والإستخدام سهل أيضاً

فقط اضف رابط الصورة في التعليق على أن يكون رابط الصورة منتهي بإمتداد معروف للصور مثل jpg  , png ,  gif

والفيديو أضف رابط الفيديو من اليوتيوب في التعليقات أيضاً

تلقائياً ستتحول الروابط الى مواد مرئية

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

  1. جزاك الله خيرا أستاذ على الطرح الرائع ♥

    ردحذف
  2. نجحت معي رووعة والله
    بارك الله فيك يا رائع ♥

    ردحذف
    الردود
    1. وجزيتم بالمثل أخي الحبيب
      ويسعدني ان الأمر نجح معك , بالتوفيق يا غالي

      حذف
  3. موضوع متميز وجميل شكرا لك

    ردحذف

عدد المواضيع