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

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

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

<!--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  ,سوف تستبدلها بالقيمة الموجودة في آخر الرابط ،اي lOYBSSP64S4
3-الجملة " إختر الفيديو المراد عرضه" هي عنوان القائمة المنسدلة ويمكنك تغييره بأي جملة أخرى تريد
أتمنى أن تنال إعجابكم 
الى اللقاء...ابوهشام