التخطي إلى المحتوى الرئيسي

اضافة يوتوب في بلوجر (اضافة عدد لا نهائي من الفيديوهات يضهر فيديو واحد في الصفحة و عند كل تحديث يتغير الفيديو )

السلام عليكم 
أقدم لكم اضافة بلوجر رائعة و فريدة من نوعها و لا تثقل سرعة المدونة و هي عبارة عن كود Java Script  , هده الاضافة خاصة باليوتوب ,يمكنك وضع أكثر من 100 فيديو يوتوب في السكريبت و سيضهر فيديو واحد في مدونتك و عند كل تحديث للصفحة يضهر فيديو اخر عشوائيا خلاصة المقال الفيديو يتغير عند كا مرة يدخل فيها الزائر الى مدونتك و هدا قد يزيد و لو بنسبة قليلة من المشاهدين لحلقات قناتك على اليوتوب 
ادا أول شيئ ستقوم بانشاء مدونة جديدة بهدا الشكل كما في الصور 

حسنا بعد أن أنشأنا المدونة نقوم بالدخول اليها ثم نغيير القالب بهدا القالبتحميل القالب 
بعد تغيير القالب يجب أن تقوم بتعديلات بسيطة و لهدا تقوم بالدخول الى تحرير HTML

1- و يعني رابط قناتك على اليوتوب لهدا غيير رابط قناتي برابط قناتك 


2- و يعني ID الفيديو على اليوتوب و يتجب أن تغيير ال Id لتحدد الفيديوهات التي ستضهر في الموقع 


طريقة معرفة ID الفيديو على اليوتوب 
أول شيئ تقوم به هو الدهاب الى الفيديو الدي  تريد اضهاره في موقعك ثم تدهب الى الرابط و تطبق كما في الصورة 

بعد دالك تغيير الID كما بالصورة السابقة ,تغيير الرقم 2 تطبق الطريقة مع كل الفيديوهات (ID كل فيديو يكون مختلف عن الاخر ) 
يمكنك اضافة المزيد من الفيديوهات بنسخ الكود التالي و لصقه في مكان ال Script بجانب أكواد فيديوهات اليوتوب 

و أخيرا تحفظ القالب ثم تدهب الى مدونتك التي تريد وضع الاضافة فيها ثم تدهب الى تخطيط ثم اضافة كود HTML/JavaScript
ثم تقو باضافة الكود التالي تحميل الكود بعد دالك تقوم بتغيير الرابط الموجود في الكود برابط المدونة التي وضعنا فيها السكريبت 
بهدا الشكل 
ثم تقوم بحفظ الأداة و مبروك عليك :) 
هدا كل شيئ أتمنا أن تستمتعو بالاضافة و أن تقومو بالتعليق فقط كي تشجعوني على الاستمرار و شكرا لكم 

تعليقات

  1. شكرا اخى على الاضافة الرائعة & هل ممكن نفس هذي الاضافة & بس تكون مش فيديو & تكون & للاعلانة كل تحديث الصفحة &

    ردحذف
    الردود
    1. فقط ضع هدا القالب مكان القالب السابق و طبق الخطوات كما في الموضوع
      https://mega.co.nz/#!Fc801Y6S!2K7Zzya4REag4cWEj2eFhja_g_7mvjVxZT8Wt58oiIk

      حذف
  2. شكرا اخى على الرد الطيب

    ردحذف
  3. السلام عليكم شكرا لك أما بعد
    رابط مدونتي
    http://azer42.blogspot.com/

    ردحذف

إرسال تعليق

المشاركات الشائعة من هذه المدونة

كيف تستفيد من أداة Inspect Element في جوجل كروم

Inspect Element هي أداة توجد في متصفح جوجل كروم وهي أداة وضعت خصيصا لمطوري الويب أو web devloper فيها العديد من المميزات لمساعدة مطور الويب في عمله و لهدا سأريك في هدا الدرس أهم الاستعمالات لأداة Inspect Element  كيف تستفيد من أداة Inspect Element في جوجل كروم  نافذة Elements من هده القائمة يمكنك مشاهدة جميع عناصر الصفحة و أكواد ال css الخاصة بكل عنصر ,ويمكنك التعديل عليها حسب ذوقك ادا كنت تتقن ال HTML و CSS  نافذة Sources هده النافذة تمكنك من مشاهدة مصادر موقعك التي تتمثل في السكريبتات  و كل ما يتصل به موقعك نافذة Resources هده النافذة تقوم باضهار موارد موقعك و أقصد بموارد هي الصور و السكريبتات و ال Stylesheets فعبر فتح ملف Frames يمكنك أن تشاهد الصور والسكريبتات و ال Stylesheets الخاصة بأي موقع أو مدونة  نافذة console  وهي وحدة تحكم المدونة أو الموقع يمكنك القاء أوامر للموقع أعطيك مثال على ذالك تلك الخدع التي تراها في الفيسبوك عن طريقة اختراق أي حساب أو فتح كامرا أي شخص ... فتلك الخدع تع...

حماية الروابط بكلمة سر ( الدخول لرابط من موقعك بكلمة سر )

السلام عليكم ورحمة الله تعالى و براكاته , أما بعد اليوم سنتطرق الى موضوع يهم بكثرة المدونين يعني ليحصلوا على مقابل لما يضعونه في مدوناتهم من طرف الزوار , حيث الاضافة اليوم ستمكنك من حماية الروابط مثلا لو وضعت قالب بلوجر و أردت أن لا يدخل أي شخص على الرابط الا بعد أن يفذ شروطك لتعطيه كلمة السر التي تمكنه من الذهاب للرابط أو التوجه للرابط . الاضافة سهلة فقط غيير ما باللون الأحمر و قم بنسخ الكود و لصقه في المشاركة في تبويب HTML في المكان الذي تريده <script> function passWord() { var testV = 1; var pass1 = prompt('يرجى ادخال الرقم السري',' '); while (testV < 3) { if (!pass1)  history.go(-1); if (pass1.toLowerCase() == " كلمة السر هنا ") { alert('تم قبول الرقم السري'); window.open('http:// الرابط هنا '); break; }  testV+=1; var pass1 =  prompt('لا يمكن دخولك - الرقم السري خاطئ, يرجى إعادة المحاولة','ادخل هنا الرقم السري'); } if (pass1.toLowerCase()!="password" & testV ...

دورة مطوري بلوجر في العالم العربي { ج2 }

أول مرة في العالم العربي . . . دورة مطوري بلوجر , أكواد البلوجر , الأكواد التي تحتاجها لتبدأ بتصميم قالبك من الصفر بكل التخصيصات و تطوير القالب على منصة البلوجر . . . دورة طويلة ستتعلم فيها كل ما يوجد من أكواد في منصة البلوجر اليوم سنقدم لك كل المكتبات التي تحتاجها المكتبات المرفوعة على جوجل ( juqery ,Dojo .... etc )  Jquery <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> Angular <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script> Dojo <script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.2/dojo/dojo.js"></script>   Ext Core <script src="//ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script> Jquery.ui <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" /><script src="//ajax.googleapis.co...