كيفية إنشاء معرض للفيديو على مدونات بلوجر

أعلن هنا
شاركه على +Googleأضفه الى Deliciousشاركه على Twitterشاركه على Facebookأضفه الى StumbleUponأضفه الى Digg
Pin It
السلام عليكم ورحمة الله تعالى وبركاته ، شاهدنا في الموضوع السابق حول كيفية إنشاء معرض للصور على مدونات بلوجر ،حيث قمنا بإستعمال خاصية إنشاء الجداول لعمل ذلك،الآن سوف نقوم بشرح كيفية إنشاء معرض للفيديو على مدونات بلوجر مع إستعمال نفس الخاصية ،فإذا فهمت جيدا الموضوع السابق فلن تجد أي صعوبة في إنشاء معرض الفيديو في موضوع مدونتك ،ما عليك سوى تتبع المراحل التالية :

وهذا مثال على معرض للفيديو الذي تريد إنشائه .

فيديو 1 فيديو 2 فيديو 3 فيديو 4
فيديو 5 فيديو 6 فيديو 7 فيديو 8
فيديو 9 فيديو 10 فيديو 11 فيديو 12

  • المرحلة الأولى : نقوم بتحضير أكواد مقاطع الفيديو ،التي نقوم بنسخها من أحد المواقع الشهيرة ك Youtube أوDailymotion
وهذا الكود يكون على هذا الشكل :
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/FIErsQZbKss?fs=1&amp;hl=fr_FR"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/FIErsQZbKss?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>

يجب تصغير قياسات الفيديو ليظهر كما في المثال الأول وذلك بتغيير ما لون باللون الأحمر والون الأزرق بقيمة أصغر من ذلك ،حيث أن قيمة القياسات الطول والعرض في المثال الأول هو 110 بدلا من 640 و385 .
  • المرحلة الثانية :
في هذه المرحلة ،تقوم بإدراج أكواد الفيديوهات التي تم نسخها مسبقا من يوتوب في المكان المخصص لها في الكود التالي :
<style type="text/css">.nobrtable br { display: none }</style>
<div class="nobrtable"><table>
<tr>
<th align="center"> فيديو 1</th>
<th align="center"> فيديو 2</th>
<th align="center"> فيديو 3</th>
<th align="center"> فيديو 4</th>
</tr>
<tr>
<td>ضع كود الفيديو1 هنا</td>
<td>ضع كود الفيديو2 هنا</td>
<td>ضع كود الفيديو3 هنا</td>
<td>ضع كود الفيديو4 هنا</td>
</tr>
<tr>
<th align="center"> فيديو 5</th>
<th align="center"> فيديو 6</th>
<th align="center"> فيديو 7</th>
<th align="center"> فيديو 8</th>
</tr>
<tr>
<td>ضع كود الفيديو5 هنا</td>
<td>ضع كود الفيديو6 هنا</td>
<td>ضع كود الفيديو7 هنا</td>
<td>ضع كود الفيديو8 هنا</td>
</tr>
<tr>
<th align="center"> فيديو 9</th>
<th align="center"> فيديو 10</th>
<th align="center"> فيديو 11</th>
<th align="center"> فيديو 12</th>
</tr>
<tr>
<td>ضع كود الفيديو9 هنا</td>
<td>ضع كود الفيديو10 هنا</td>
<td>ضع كود الفيديو11 هنا</td>
<td>ضع كود الفيديو 12هنا</td>
</tr>
</table>
 في إنتظار تشجيعاتكم وتعليقاتكم ،دمتم بألف خير.




Pin It
أعلن هنا

بقلم mohammed glal

مهندس مصري ومتابع جيد للأخبار والمستجدات التقنية والاعلام الاجتماعى ومهتم بالاعلان عن الشركات الناشئة عبر مدونته الشخصية (مدونة راصد تقني), كاتب سابق على مدونة عالم الإبداع ومشرف سابق فى موقع نقطة التطوير ومنتدى الديوان -تم اغلاقه-. أحب القراءة والترجمة للمستجدات التقنية والتكنولوجية. المالك الحالي لمدونة أبو إياد.

روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode
تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
www.monte-escalier-prix.org