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

عدد مشاهدات الموضوع:
السلام عليكم ورحمة الله تعالى وبركاته ، شاهدنا في الموضوع السابق حول كيفية إنشاء معرض للصور على مدونات بلوجر ،حيث قمنا بإستعمال خاصية إنشاء الجداول لعمل ذلك،الآن سوف نقوم بشرح كيفية إنشاء معرض للفيديو على مدونات بلوجر مع إستعمال نفس الخاصية ،فإذا فهمت جيدا الموضوع السابق فلن تجد أي صعوبة في إنشاء معرض الفيديو في موضوع مدونتك ،ما عليك سوى تتبع المراحل التالية :

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

فيديو 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>
 في إنتظار تشجيعاتكم وتعليقاتكم ،دمتم بألف خير.




هناك 40 تعليقًا:

  1. ماشاء الله عليك ابو إياد من ابداع الى ابداع تسلم هالايادي.

    وجاري التجربة.....

    والله يوفقك.

    ردحذف
  2. ياخي والله بطل بارك الله فيك

    بس لو تضيف عليها اضافة وتخليه ينتج عندنا فديو يفتح في اطار
    مثل الطريقة الي عاملها اخونا ذؤيب هنا
    http://doaib.blogspot.com/2010/09/flash-video-iframedirect-link-to.html

    او كيفية عمل تلك الطريقة جيت بسأل وجدت شخص سأل لكن لاتوجد اجابة :(

    ردحذف
  3. عمرو7:14 ص

    تسلم ايدك يا ابو اياد

    ردحذف
  4. بارك الله فيك يا ابو اياد,, ومبرووك عليك اليوم بحثـة في قوق عن بلوجر وضهر لي موقع بلوجر وثاني مدونتك مبرووك

    ردحذف
  5. بارك الله فيك وزادك من كل خير
    المعرض رائع فعلا

    عندي سؤال وارجومساعدتي

    اريد ان اضع فيديو يفتح مباشرة في مدونتي دون اللجوء الى
    مواقع الفيديو مثل اليوتيوب وغيره

    وهذا مثال لذلك

    http://www.rasoulallah.net/v2/document.aspx?lang=ar&doc=11286


    ارجو مساعدتي وجزاك الله عني خير الجزاء
    اختك في الله ندى

    ردحذف
  6. @المديرة العامة
    نعم أختي ،لقد قمت بالإجابة على سؤالك في الموضوع الخاص بالأسئلة الشائعة ،وهو السؤال رقم 12 تفضلي من هنا (إضغطي على السؤال سوف تتوجهين تلقائيا للإجابة داخل الموضوع ،التوفيق

    ردحذف
  7. اله يجزاك الجنة اذا فتحت مدونتي سوف ااكمل الطريقة

    ردحذف
  8. الله يعطك العافيه أخوي أبو اياد

    ماشاء الله تبارك الله ، ومبارك لك أخي ،،،

    أخوك الساري

    ردحذف
  9. السلام عليكم اخى الكريم اولا اشكرك على هذا الشرح بس انا طالب منك كذا حاجة ياريت تشرحلى انا لسة عامل مدونة جديدة وبصراحة عايز اعمل قائيمة بتسجيل العضو بصراحة نقاصينى حاجات كتير قوى بس ياريت بعد ازنك تزور المدونة بتاعتى وتقولى اية اللى ناقصنى ارجوك اخى الكريم
    http://moadyasahlablogcom.blogspot.com/

    ردحذف
  10. فكرة رائعة و مدونة أروع و مدون يستحق التقدير . شكراً يا أخي الكريم , و لكن كيف أجعل الفيديو يفتح على نفس الصفحة في مدونتي ؟؟ بشكل أن لا يغطي كل الشاشة و شكراً

    ردحذف
  11. جدا رائع ...~

    يسسلمو..~

    ردحذف
  12. غير معرف9:46 م

    أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  13. بارك الله فيكم وسدد خطاكم استفادنا كثيرا من هذا الموقع

    ردحذف
  14. tnxxxxxxxxxxxxxxxxxxxxxx

    ردحذف
  15. :(( ashpkraaaaaaaaaaaaaaaaaaaan

    ردحذف
  16. هل يمكن أن نجعل مسافة قصيرة بين فيديو و آخر ؟
    هل يمكن أن نجعل الفيديوهات تمر متتابعة على شكل شريط أخبار ؟
    وشكرا

    ردحذف
  17. كفو والله والله انك كنق تم إضافة إعلان عن مدونتك فى مدونتي الخاصه ...
    ارجو تبادل الإعلان ...

    ردحذف
  18. رائع جدا أستاذ أبو إياد .~

    ولكنني ظننت أنها مثل مكتبة فيديو وفيها أقسام وو :p

    على كل أشكرك .~

    أخوك

    أبو علاوي

    ردحذف
  19. انتم خير عون للمدونات وفقكم الله لما فيه الخير

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

    ردحذف
  21. lahihafdek 5oya
    woyinwor tri9ek

    ردحذف
  22. جزاك الله خيرا بس حاجة ما نفعت

    ردحذف
  23. شكرا لك ابو اياد لكن ارجو مساعدتى فى شئ مهم جدا أرجو مراسلتى على الخاص
    mido.tota70@yahoo.com

    ردحذف
  24. يالغالي قلي وشلون اركب الاكواد في html الجديد

    ردحذف
  25. بارك الله فيكم

    ردحذف
  26. اخوي ا بو اياد ممكن تقولي اين اجد مكان في HTML لوضع الكود ..لاني لااعرف للHTML

    ردحذف
  27. =((=(( لم اجد ردا على اسالتي

    ردحذف
  28. انت رائع وشكرا ليك تابعونا على http://adham.us/--------------------.html

    ردحذف
  29. انت رائع وشكرا ليك تابعونا على http://adham.us/--------------------.html

    ردحذف
  30. xokran khay abo ayad ana 3andi modawana wbghit chi mosa3ada ila kan momkin

    ردحذف
  31. مبدع بارك الله فيك اخي مشكور على الجهد

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية