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

شاركه على +Googleأضفه الى Deliciousشاركه على Twetter شاركه على Facebookأضفه الى StumbleUpon أضفه الى Digg

السلام عليكم زوار مدونة شامل كول,اليوم أشارككم كود عمل مكتبة على شكل قائمة مندلسة تحتوي على فيديوهات ,هذه القائمة المندلسة تحتوي على فيديوهات أنت تختارها وتركبها  ومن دون أخد مساحة كبيرة ,ومن تم يتسنى للزائر فقط أن يختار أي فيديوا وسيظهر تلقائيا أسفل القائمة  من دون تحميل الصفحة أو بطىء في التصفح  يعني هذه الاضافة تستحق التجريب و'ريقة تركيبها سهلة لنتابع....

 طريقة التركيب

1. اذهب للوحة التحكم

2. تخطيط 

3.عناصر الصفحة

4. اضف اداة

6.اختار  Html/Javascript

 ثم ضع الكود التالي :

 <script type="text/javascript">
function MostrarVideo(idYouTube)
{
var contenedor = document.getElementById('divInnerVideo');
if(idYouTube == "")
{
contenedor.innerHTML = "";
}
else
{
var dimensiones = "width='300' height='300' 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="PeEv9FGMrpg">إنفجار يهز وسط تل أبيب </option>
<option value="9XeqaSv6iOI">خالد مشعل : للمغاربة باب في القدس و أي باب </option>
<option value="G7fpl1GgmDg"> أروع فيديو ممكن تشوفو عن المغرب</option>
</select>
</div>
<div id="divInnerVideo"></div>

- طريقة اضافة الفيديوهات:

طريقة اضافتها سهل يكفي فقط أن تختار الفيديوا الذي تريد من يوتيب مثلا هذا هو الرابط :

https://www.youtube.com/watch?v=G7fpl1GgmDg

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

ثم تضع العناون الخاص بالفيديوا .مثلا إنفجار يهز وسط تل أبيب  بعنوان الفديويا الخاص بك .

- ملاحظة :

 يمكنك أيضا تغير العرض width=300   أوالطول height=300 الخاص  بقارىء الفيديوا كما هو معلم في الكود أعلاه باللون الأزرق بأي قيمة تريد تماشيا مع شكل أو حجم المكان الدي ستوضع فيه الأداة ,

الى هنا نكون قد أكملنا شرحنا على أمل افادتكم والسلام عليكم.

Tweet

Social Sharing Widget bychamelcool

التصنيف : أدوات بلوجر,أكواد و هكات,خاص بالمدونات