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

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

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

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