اَمني للمعلوميات اَمني للمعلوميات
حصريات

آخر الأخبار

حصريات
random
جاري التحميل ...

تسريع تحميل فيديوهات على جميع قوالب بلوجر


اغلبية الاشخاص الذين يدونون على بلوجر يستعينون بانشاء قنوات يوتيوب لتقديم شروحاتهم في جميع المجالات ، و طبعا يواجه الكثيرون مشاكل مع اليوتيوب و هي عدم التجاوب او ثقل تحميل الفيديو على القالب ، و كذا يترك الزائر الدرس و يذهب الى موقع اَخر غير موقعك ، لذا سنقوم بعمل بعض التعديلات ليسبح القالب يدعم التحميل السريع للفيديوهات و كذا يصبح قالب صديق سيو .

طريقة تركيب الاضافة : 
تذهب الى تحرير القالب ثم Ctrl+f ثم ابحث عن وسم  </head> و ضع الكود التالي قبله مباشرة :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
ثم ابحث عن وسم  </body> و ضع الكود التالي قبله مباشرة :
<script type='text/javascript'> //<![CDATA[ // Original Script by DTE :] // Optimized and Modified by Kang Ismet $(function() { $('a.youtube-link').each(function() { var yt_url = this.href, yt_id = yt_url.split('?v=')[1], yt_title = $(this).text(); $(this).replaceWith('<div class="youtube-box"><img class="youtube-img" src="http://img.youtube.com/vi/' + yt_id + '/0.jpg" alt="youtube" ></img><span class="gradient"></span><span class="youtube-title">' + yt_title + '</span><span class="youtube-play"></span></div>'); $('div.youtube-box').click(function() { $(this).replaceWith('<div class="youtube-frame"><div class="videoWrapper"><iframe src="http://www.youtube.com/embed/' + yt_id + '?autoplay=1" frameborder="0" allowfullscreen></iframe></div></div>'); }); }); }); //]]> </script>
ثم ابحث عن وسم ]]</b:skin> و ضع الكود التالي قبله مباشرة :
.youtube-box { text-align:center; background-color: black; width: 640px; max-width: 100%; margin: 0 auto; overflow: hidden; position: relative; } .youtube-frame { background-color: black; width: 640px; height: auto; max-width: 100%; text-align: center; margin: 0 auto; } .youtube-img { position: relative; height: 100%; width: 100%; margin-top: -7%; margin-bottom: -8.5%; transform: scale(1.1); } .youtube-box span { display:block; position:absolute; top:0px; right:0px; bottom:0px; left:0px; } .youtube-box .gradient { background: transparent url('http://1.bp.blogspot.com/-QtFxtA8Fmp8/ViUWz6Dt3SI/AAAAAAAAG_M/0Kk29wYynsU/s1600/gradient.png') repeat-x top left; } .youtube-box .youtube-title { background: transparent url('http://3.bp.blogspot.com/-pp7s5v5KeBI/ViUW0EI5ClI/AAAAAAAAG_Q/vRLq1Oet22Q/s1600/t-title-bg.png') no-repeat 98% 50%; font:normal 19px Arial,Sans-Serif; color:white; text-shadow:0px 1px 2px black; bottom:auto; line-height:40px; height:40px; overflow:hidden; padding:0px 15px; text-align: left; } .youtube-box .youtube-play { cursor:pointer; width:74px; height:52px; top:50%; left:50%; margin:-26px 0px 0px -40px; background:transparent url('http://4.bp.blogspot.com/-Vj3xOT3Jiis/ViPsv-_82rI/AAAAAAAAG-Q/3jc6mgYR5f4/s1600/yt-play-new.png') no-repeat top left; } .youtube-box .youtube-play:hover { background-position:bottom left; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
و بعدها نقوم بحفظ القالب .

و عند تحرير اي موضوع تقوم بوضع الكود التالي في قسم html الخاص بالموضو الذي تكتبه :
<a class="youtube-link" href="https://www.youtube.com/watch?v=RzZ954kG7Zg" rel="nofollow">عنوان الفيديو</a>
مع تغيير عنوان الفيديو باسم الفيديو الخاص بك و رابط الفيديو بالفيديو التابع له .


عن الكاتب

Moulai Amine ، مدون عربي جزائري الجنسية اصيب بجنون التدوين و متابعة الجديد و حب المنافسة في هذا المجال ، وأهتم بجديد التقنيات وتطوير البرامج هدفي من خلال هذه المدونة هو مشاركة كل ما اراه مناسب و جديد و يأتي بالفائدة على الجميع انشاء الله ،
  1. اخي اواجه مشكله في التركيب اقتح القالب ابحث عن كود الهيد لا اجده ماذا افعل ؟

    ردحذف

التعليقات



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

إتصل بنا

عن الموقع

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

حمل تطبيقنا !

Get it on Google Play

تغريداتي

جميع الحقوق محفوظة

اَمني للمعلوميات