تضمين الصور في تعليقات بلوجر

سكريبت تضمبن الصور png و jpg و كدلك صور المتحركة gif في تعليقات بلوجر بشكل إحترافي و سهل تركيب #blogger #script #js #mdwab #ماتريال_ويب

سلام عليكم ورحمة الله وبركاته ✋
وبعد
يرغب كتير من مستخدمي 📰 Blogger مدونتهم تطوير لنيل إستحسان الزوار و متابعين رغم محدودية بلوجر في التطوير لكن بإستخدام أكواد يمكن تغير و إضافة بعض أدوات ف اليوم أقدم لك طريقة لتضمن صورة داخل صندوق التعليقات كما هو مبين في صورة أسفله
بحيث يمكن لمتابغين تعليق على مقالاتك بإستخدام رابط صورة 🌋
يمكنك معاينة إضافة



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


طريقة سهلة جدا تابع معي
  1. إدخل إلى مدونتك
  2. قم بحفض نسخة إحتياطية
  3. إضغط على المظهر
  4. ثم تحرير قالب html
  5. إبحث عن </body> بإستخدامctrl + f
  6. ضع كود التالي أسف </body>


<script>
//<![CDATA[
!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>


  • أخيرا قم بحفض القالب

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


الآن وبعد إضافة سكريبت في مكانه عليك أن تخبر منتابعيك بإمكانية تعليق بالصور
لتعليق فأنت تحتاج الى
  1. أن ترفع الصورة على أي إستضافة
  2. وتقوم بلصق الرابط صورة في صندوق التعليقات

أي إشكال أو إستفسارات أو إضافات يمكنك إستخدام تعليقات أسفل المقال شاركنا برأيك

وسلام عليكم ✋✋

المنشورات ذات الصلة

تبليغ

التبليغ عن مشكل أو محتوى معطل

اشترك في النشرة الإخبارية

3 تعليقات "تضمين الصور في تعليقات بلوجر"

  1. جربتها ومشتغلتش معاية

    ردحذف
    الردود
    1. https://tse1.mm.bing.net/th?id=OGC.e085c4b174869346fca0e114d8b4a2f6&pid=Api&rurl=https%3a%2f%2fmedia.giphy.com%2fmedia%2f95jaWzP8R4lSE%2fgiphy.gif

      https://tse1.mm.bing.net/th?id=OGC.e085c4b174869346fca0e114d8b4a2f6&pid=Api&rurl=https%3a%2f%2fmedia.giphy.com%2fmedia%2f95jaWzP8R4lSE%2fgiphy. gif

      يجب أن يكون رابط بهدا الشكل 👆👆لقد جربت إضافة على مجموعة قوالب وتشتغل بشكل جيد

      حذف

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق

● أن يكون التعليق خاص بمحتوى التدوينة
● أن لا تضع أي روابط خارجية
● أي سؤال خارج محتوى التدوينة يرجى تواصل معنا
● يمكنك تعليق بإستخدام صور ✋👇