اضافة سيرفرات بث مباشر + سكرت يعرض حلقات الشكل الثالث

السلام عليكم ومرحبا بكم في مدونة عبدو تكنولوجي 

نشرت المرة الماضية شكل سيرفرات يمكنك زيارة التدوينات من هنا لاكن في شكل اليوم شكل خاص وفريد من نوعه حيث يتميز سكربت يعرضلك حلقات المسلسل او تدوينات ذات صلة حسب التسمية التي تضعها انت

المعاينة من هنا

شرح التركيب

1. إبحث على </head> وضع هذا الكود فوقه

<style>.online_watch{position:relative;width:100%;height:576px;z-index:100;margin:20px 0;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;clear:both} .two-sides,.two-sides .cover_online{height:400px;/* position:relative;*/} .cover_online{width:100%;height:576px;background-size:cover;background-position:center center;background-repeat:no-repeat;box-shadow:0 0 5px rgba(0,0,0,0.09);position:relative;overflow:hidden;z-index:1;background:#000} .server-not-av{display:block;text-align:center;background:rgba(0,0,0,0.38);line-height:37px;font-weight:normal;margin:120px auto!important;color:white;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;box-shadow:inset 0 0 5px rgba(0,0,0,0.37);font-size:16px} .cover_online .play_player{position:absolute;width:110px;height:110px;border-radius:50%;text-align:center;right:50%;margin-right:-55px;top:50%;margin-top:-55px;z-index:2} .cover_online .play_player i{display:block;line-height:110px;font-size:110px;color:#f55b2b;text-shadow:-1px 7px 5px rgba(0,0,0,0.47)} .servers-box{position:relative;padding-top:84px} .servers-box.episode{padding-top:150px} .server-viewport{margin-right:170px;position:relative;height:100%} .two-sides .server-viewport{margin-left:200px} .servers-tabs{display:inline-block;float:right;width:170px;overflow-y:auto;padding-top:5px;height:100%;direction:ltr;background:rgb(30,30,31)} .servers-tabs ul{} .server-viewport iframe {width: 100%;height: 100%;z-index: +1;position: relative;} .servers-tabs li{background:#7d7d7d;margin:0 5px;padding:5px 10px;margin-bottom:5px;text-align:right;color:#fff;cursor:pointer;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out} .servers-tabs li:hover,.servers-tabs li.active{background:#e2081c} .servers-tabs i{margin-left:5px} .related-side{position:relative;position:absolute;left:0;top:0;width:200px;height:100%;/* overflow-y:hidden;*/ background:rgb(18,18,19)} .related-side h2{display:block;background:#e2081c;text-align:center;font-size:15px;border-bottom:2px #000 solid;padding:7px 8px} .related-side ul{height:calc( 100% - 43px );overflow-y:auto} .related-side a{display:block;position:relative;padding:5px 10px;background:#1f1f1f;color:#fff;margin:0 3px;margin-top:3px;font-size:12px;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out} .related-side a:hover{background:rgb(226,8,28)} .related-side a.active{background:#000} .related-side ul::-webkit-scrollbar-track{background:#151515;margin-left:10px} .related-side ul::-webkit-scrollbar-thumb{background:#e2081c;border-radius:25px} @media screen and (max-width:768px){/* CSS CODE HERE FOR SMALL TABLETS ---*/.two-sides,.two-sides .cover_online,.online_watch,.online_watch .cover_online{height:initial;display:block;clear:both;padding:1px 0;/* padding:0;*/ margin:11px 0;background:#38393b!important}.servers-tabs{float:none;display:block;width:initial;height:initial}.server-viewport{margin:5px 0!important;clear:both;height:260px}.related-side{position:relative;display:block;width:initial}} </style> <script async='async' src='//rawgit.com/abdelalilebbihi/abdou_tech/master/gadget/server_live_streaming2.js' type='text/javascript'/>

1. الان في كل تدوينة ضع هذا الكود مع تغيير روابط سيرفرات و التسمية لكي تضهر الحلقات
2. تحميل الكود من هنا

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

شارك هذا