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

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

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

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

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

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