منتديات قلب مسلم
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي



 
الرئيسيةالبوابه جديد*التسجيلدخول

شاطر | 
 

 شرح وضع الفيديوهات على بلوجر. بقائمه منسدله

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
عمده المصريين
نائب الاداره
نائب الاداره
avatar

عدد الرسائل : 425
العمر : 47
اعلام الدول :
  :
مزاجك اليوم : روش
الهويه :
مدي احترامك لقوانين المنتدي :
المهنه :
السٌّمعَة : 1
تاريخ التسجيل : 18/10/2008

مُساهمةموضوع: شرح وضع الفيديوهات على بلوجر. بقائمه منسدله   الأربعاء ديسمبر 04, 2013 3:57 pm

مرحبا اليوم سأقدم لكم  إضافة جميلة جدا لمتستعمل من قبل في المدونات العربية وهي إضافة الفديوها في قائمة مسندلة بحيث لا تحجز حيز من مساحة الموضوع أو المقالة فيمكنك عرض 50 فيديو أو أكثر في قائمة مسندلة واحدة  لا يتجاوز إرتفاعها 10 px وعند الضغط عليها تظهر لك عناوين الفيديوهات فبضغطك على أي عنوان سيظهر الفيديو المقصود ، الأدات هذه لا تعمل بشكل أتوماتيكي يجب عليك وضع العناوين و الروابط بنفسك والأداة مصممة بإستخدام الجافا سكريبت Wink والجميل أنني قمت بتحسين الأداة لتستطيع وضعها على جوانب المدونة أيضا بيحث أن حجمه يتناسب بشكل تلقائي بالمكان الذي تضعها فيه Very Happy
أقدم لكم صور للأداة :
مثال حي للأداة: إضغط هنا

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


اقتباس :

<!--by-Ayoub Etmaiti- slide bar youtube -->     
<script type="text/javascript">
function MostrarVideo(idYouTube)
{
var contenedor = document.getElementById('divInnerVideo');
if(idYouTube == "")
{
contenedor.innerHTML = "";
}
else
{
var dimensiones = "width='420' height='315' frameborder='0'";
var url = "http://www.youtube.com/embed/" + idYouTube;
contenedor.innerHTML = "<iframe " + dimensiones + " src='"+ url +"'></iframe>";
}
}
</script>
<div style="margin:20px 0px;">
<select id="sVideos" onchange="MostrarVideo(this.value);">
<option value="" selected="selected">[إختر الفيديو المراد عرضه...]</option>
<option value="lOYBSSP64S4">عنوان الفيديو</option>
<option value="lOYBSSP64S4">-عنوان الفيديو-</option>
</select>
</div>
<div id="divInnerVideo"></div>
<!--by-Ayoub Etmaiti- slide bar youtube -->     
1-قم بتغيير عنوان الفيديو الذي سيظهر به في القائمة المنسدلة وذلك بتغيير العبارة "عنوان الفيديو"
2-قم بتغيير القيمة  lOYBSSP64S4 في الكود بالقيمة التي سوف تجدها برابط الفيديو ،مثلا لو كان رابط الفيديو على هذا الشكل :
http://www.youtube.com/watch?v=lOYBSSP64S4  ,سوف تستبدلها بالقيمة الموجودة في آخر الرابط ،اي ما لون باللون البرتقالي
3-الجملة " إختر الفيديو المراد عرضه" هي عنوان القائمة المنسدلة ويمكنك تغييره بأي جملة أخرى تريد
أتمنى أن تنال إعجابكم ،دمتم في رعاية الله 

_________________
من موقعنا

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://akoad.gid3an.com/
 
شرح وضع الفيديوهات على بلوجر. بقائمه منسدله
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات قلب مسلم :: المنتدي الخدمي :: منتدي تعلم المواقع والمنتديات :: مدونه بلوجر-
انتقل الى: