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

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

طريقة تركيب الاضافة : 
تذهب الى تحرير القالب ثم Ctrl+f ثم ابحث عن وسم   و ضع الكود التالي قبله مباشرة :

ثم ابحث عن وسم ]] و ضع الكود التالي قبله مباشرة :

.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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA8tzWdf9o1NCuWRMgRlk_K0pBQm38chyphenhyphenWX-gsAHCE5w40Uw96Fv0MuSRulQ62jCb1_FzL4jcCl3Rfk-vbd-HfyZ3OZ-YO0jxU4ADn7qBF0Rp2rxlhcE8zIAJv5aigYR_sR3fK6dn1ML8/s1600/gradient.png') repeat-x top left; } .youtube-box .youtube-title { background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy5pR4fZkx2LaksRSRrcmHv2hP4CrH969coS5OjrK-F-XkLb2U8ibPsKgXpzqdVBQ8Ktq0v640Zx3gjRDkFR-aVYWh7zdyzQm9J_A19w85Q0aSxbXG4bJxfIzpUcej1XsXd1s6mVpFuxs/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh83Owf6wz0eF4FktAln2XN59PCs3Cuy7v-oCDCJFmGKwOeK9jBWjXqOaBPfhIy4eg6xKyE1ebZABU88ivu31YNSjhaWtfP5ioLvIBw9qKkQtPqIwPLmQg-np-SOaZ6KmsqIFoH0_dN23s/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 الخاص بالموضو الذي تكتبه :

https://www.youtube.com/watch?v=RzZ954kG7Zg" rel="nofollow">عنوان الفيديو

مع تغيير عنوان الفيديو باسم الفيديو الخاص بك و رابط الفيديو بالفيديو التابع له .