دروس

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

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

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

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

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

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


مصدر المقاله

روابط التقنية

اتمنى منكم المشاركة بالتعليق في حساباتي على شبكة التواصل الإجتماعي.

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى

أنت تستخدم إضافة Adblock

برجاء دعمنا عن طريق تعطيل إضافة Adblock