ماتريال ويب | MDWاغلاق
Created by potrace 1.15, written by Peter Selinger 2001-2017
Asset 3

الاثنين، 14 يناير 2019

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

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

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



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


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


<!-- script img in comments -->
<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>
<!-- mdwab -->
<!-- end -->


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

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


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

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

وسلام عليكم ✋✋
تم تحرير هده التدوينة:
الاثنين، 14 يناير 2019

هناك تعليقان (2):

  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

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

      حذف

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

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

© 2018-2019 ماتريال ويب | MDW | تصميم و تطوير محمد نجيري