عن المدونة

انشاء صندوق التعليقات بصورة المعلق

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







الان احفظ
 نذهب الى المظهر  ثم قبل ال</body> ثم نضع قبله الكود التالى

<script> //<![CDATA[ !function(){for(var a=/(\[img\])?((http:|https:)?\/\/\S*?\.(jpg|gif|png|bmp|jpeg]))(\[\/img\])?/gi,b=/(\[vid\])?http(?:s?):\/\/(?:www\.)?m.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: 50%; 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}}(); !function(){for(var a=/(\[img\])?((http:|https:)?\/\/\S*?\.(jpg1|gif1|png1|bmp1|jpeg1]))(\[\/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>

ثم حفظ ومبروك عليك الاضافه
انتظر تعليقاتكم

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

اضافات وورد بريس