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

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

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

اولا الطريقة لنشر التعليقات على شكل صور و فيديوهات نحتاج كود JavaScript فقط و هو صغير و خفيف على قالب المدونة عند وضع الكود في القالب سوف تجده مكرر سبب ذلك راجع الى ان الكود الاول يسمح بإضهار الفيديوهات التي بها روابط من الهاتف المحمول اما الكود التاني خاص بالروابط فيديوهات الحواسيب لذلك قمت بتكراره.
الطريقة هي ان تذهب الى المدونة الى قسم المظهر ثم تحرير html للبحث داخل اكواد القالب استخدم اختصار cntl f  ابحث عن كلمة </body> فهي توجد في اخر القالب فوقها يعني قبلها ضع هذا السكربت ثم اضغط على حفظ او save و الان اذهب الى اي موضوع و علق بصورة او رابط فيديو من اليوتيوب او دايليموشن او حتى موقع vimo سوف ترى ان ان الرابط تحول الى فيديو تلقائيا.

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

<!--سكربت اضافة فيديو او صور على التعليقات-->
<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: 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}}();
!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>

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

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

Post a Comment

ملاحظة للجميع
  • يمكنك وضع تعليق بصورة أو فيديو YouTube أو Vimeo.
  • المرجو ترك تعليق يتعلق بنفس هذا الموضوع.
  • لا يجوز الترويج للسلع أو البيع.
  • لا تقم بتضمين روابط مشبوهة في التعليقات.
  • سيتم حذف التعليقات ذات الروابط السبام تلقائيًا
  • *علق بشكل جيد ، شخصيتك تنعكس عند التعليق.