حصريا إضافة التعليق باستخدام الفيديو والصور مثل سكويز

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



معاينة 


يمكنك معاينة الإضافة من خلال التعليق على اي موضوع في موقعي باستخدام رابط فيديو او رابط صورة



الخطوات

قم بالدخول على لوحة التحكم القالب الذي تريد تركيب الاضافه عليه ثم قم باختيار خيار المظهر ثم اختيار خيار محرر html ثم قم بالبحث عن وسم </body> وقم بإضافة هذا الكود فوقه .
<script type='text/javascript'>
//<![CDATA[ // This is function to Comment Photo And Videos
! 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>

google-playkhamsatmostaqltradent