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

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

معاينة الإضافة

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

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

1. نقم بالدخول إلى لوحة تحكم المدونة http://ift.tt/1ePrhz0 --> المظهر --> أنقر على تحرير HTML ثم أبحث عن الرمز </body> وهو قبل آخر رمز دائماً في المظهر وبعد العثور عليه أضف الكود التالي أسفل الرمز </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>

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

http://www.madad2.com/ تم بواسطة مداد الجليد

by noreply@blogger.com (مداد الجليد) via مداد الجليد

Socializer Widget By Blogger Yard

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →