الخميس، 26 أبريل 2018

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

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

 
السلام عليكم ورحمة الله وبركاته سوف اقدم لكم اليوم طريقة تضمين الصور والفيديوهات في تعليقات بلوجر

اذا كنت تريد مثلا تتبادل الصور مع أعضاء المدونة عن طريق التعليقات او بس تخلي الناس يخطو صور في التعليقات هذه الطريقة

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


طريقة إضافة الأداة

1. نقم بالدخول إلى لوحة تحكم المدونة https://draft.blogger.com --> المظهر --> أنقر على تحرير HTML ثم أبحث عن الرمز </body> وهو قبل آخر رمز دائماً في المظهر وبعد العثور عليه أضف الكود التالي أسفل الرمز </body> مباشرةً

رمز Code:
<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>

أنقر حفظ المظهر
تستطيع إضافة المزيد من صيغ الصور في المكان المخصص كما هي jpg|gif|png|bmp|jpeg

إضافة تعليق