السلام عليكم ورحمة الله تعالى وبركاته ، شاهدنا في الموضوع السابق حول كيفية إنشاء معرض للصور على مدونات بلوجر ،حيث قمنا بإستعمال خاصية إنشاء الجداول لعمل ذلك،الآن سوف نقوم بشرح كيفية إنشاء معرض للفيديو على مدونات بلوجر مع إستعمال نفس الخاصية ،فإذا فهمت جيدا الموضوع السابق فلن تجد أي صعوبة في إنشاء معرض الفيديو في موضوع مدونتك ،ما عليك سوى تتبع المراحل التالية :
وهذا مثال على معرض للفيديو الذي تريد إنشائه ।
دا الكود الى انا استخدمته
<iframe width="180" height="160" src="http://www.youtube.com/embed/xUJHphzp9Co" frameborder="0" allowfullscreen></iframe>
في هذه المرحلة ،تقوم بإدراج أكواد الفيديوهات التي تم نسخها مسبقا من يوتوب في المكان
المخصص لها في الكود
التالي :
وهذا مثال على معرض للفيديو الذي تريد إنشائه ।
| فيديو 1 | فيديو 2 | فيديو 3 |
|---|---|---|
| فيديو 4 | فيديو 5 | فيديو 6 |
| فيديو 7 | فيديو 8 | فيديو 9 |
- المرحلة الأولى : نقوم بتحضير أكواد مقاطع الفيديو ،التي نقوم بنسخها من أحد المواقع الشهيرة ك YoutubeأوDailymotion
دا الكود الى انا استخدمته
<iframe width="180" height="160" src="http://www.youtube.com/embed/xUJHphzp9Co" frameborder="0" allowfullscreen></iframe>
- الأحمر والون الأزرق بقيمة أصغر من ذلك ،حيث أن قيمة القياسات الطول والعرض في المثال الأول هو 110 بدلا من 160 , 180
في هذه المرحلة ،تقوم بإدراج أكواد الفيديوهات التي تم نسخها مسبقا من يوتوب في المكان
المخصص لها في الكود
التالي :
<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>
تعليقات
إرسال تعليق