عروض مركز بلوجر

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

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

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

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

فقط أضف الكود التالي في آداة 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

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

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

5تعليقات

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

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

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

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

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

    ردحذف