U3F1ZWV6ZTE4NTMxMTIzMDk2X0FjdGl2YXRpb24yMDk5MzIwNTkyMTA=
recent
أخبار ساخنة

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

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



معاينة 


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



الخطوات

قم بالدخول على لوحة التحكم القالب الذي تريد تركيب الاضافه عليه ثم قم باختيار خيار المظهر ثم اختيار خيار محرر 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>

3 تعليقات
إرسال تعليق
  1. تجربة تعليق فيديو
    https://youtu.be/mNoLTPYHok0

    ردحذف
  2. تجربة تعليق صورة
    https://1.bp.blogspot.com/-uyeikZq95D0/W6bgNx6PoEI/AAAAAAAACxg/Yla1Za515_s5aYbkyXlVcEkMV3WtnncywCLcBGAs/s400/hiding%2Band%2Bdistorting%2Bthe%2Bembedded%2Bblogger%2Bcomments%2B%25281%2529.png

    ردحذف
  3. https://1.bp.blogspot.com/-7MVRS2FYI1Y/Wq2xV27exZI/AAAAAAAAFB4/UnZQ7RX-wuw1h-sFk3_DySkvi8atYaYMgCK4BGAYYCw/s270/rkm.png

    ردحذف

إرسال تعليق

الاسمبريد إلكترونيرسالة