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

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

</body>

ثم نضع هذا الكود فوقه

<script> //<\[\/img\]/ig, "<img class='img-comentarios' src='$1'\/>"); sustituir = sustituir.replace(/\[video\]https:\/\/www\.youtube\.com\/embed\/(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$1'><\/iframe>"); sustituir = sustituir.replace(/\[video\](https:\/\/youtu\.be\/|https:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$2'><\/iframe>"); sustituir = sustituir.replace(/\[video\](http:\/\/youtu\.be\/|http:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$2'><\/iframe>"); sustituir = sustituir.replace(/\[video\](http:\/\/player\.vimeo\.com\/video\/)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='http://player.vimeo.com/video/$2'><\/iframe>"); document.getElementById(id).innerHTML = sustituir;} InsertarImagenVideo('comment-holder'); //]]> </script> <style> <!-- #comment-holder .img-comentarios, #comment-holder i[rel="image"] { max-width: 450px; /* Ancho máximo de las imágenes */ width: auto; height: auto; display: block; border: 5px solid #FFF; /* Borde de las imágenes */ margin: 0 auto; padding: 0; box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); /* Sombra de las imágenes */ } #comment-holder .vid-comentarios { width: 450px; /* Ancho del video */ height: 253px; /* Alto dle video */ display: block; margin: 0 auto; padding: 0; border: 5px solid #FFF; /* Borde del video */ box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); /* Sombra del video */ } --> </style>

ثم نضغط حفظ

والان كيف تكون طريقة التعليق
1_عندما تريد ان تعلق بصوره يجب ان تضع هذا الكود  [img]هناضع رابط الصوره[/img]  في خانة التعليقات مع استبدال كلمة ((هنا ضع رابط الصوره)) برابط الصوره المراد نشرها بالتعليق

2_عندما تريد ان تعلق بمقطع فديو يجب ان تضع هذا الكود  [video]هنا ضع رابط الفديو[/video]  في خانة التعليقات مع استبدال كلمة ((هناضع رابط الفديو))برابط الفديو المراد نشره في التعليق


الى هنا انتهى الدرس واستمتعوا بتعليقاتكم

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

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

نشر

إعجاب

جوجل +

تويتر

غرد

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

• من فضلك تابعنا :
• fb
• tw
• gl