اضافة سيرفرات بث مباشر بأعداد لا منتهية على مدونات بلوجر الشكل الثاني

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

سبقى و ان نشرت اضافة سيرفرات و يمكنك زيارتها من هنا ولاكن اضافة اليوم هيا الشكل الثاني و بطريقة افضل

يمكنك معاينة الاضافة من هنا

نبدا الشرح الان

1. نبحث على </head> وضع هذا الكود فوق مباشرة

<script type='text/javascript' src='//rawgit.com/abdelalilebbihi/abdou_tech/master/gadget/server_live_streaming.js'></script> <style type='text/css'>/*<![CDATA[*/ button.watch{background:#ffffff;color:#3e245d;overflow:hidden;-webkit-transition:color 0.3s;transition:color 0.3s;cursor:pointer;font-size:28px;font-family:Harmattan;font-weight:400;box-shadow:0 1px 6px rgba(0,0,0,0.51);min-width:150px;display:block;margin:0;padding:7px 30px;border:none;vertical-align:middle;position:absolute;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;bottom:0;left:300px;position:absolute;bottom:0;left:0;outline:none} button.watch::after,button.watch::before{content:'';position:absolute;height:100%;width:105%;bottom:100%;left:0;z-index:-1;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;-webkit-transition-timing-function:cubic-bezier(0.75,0,0.125,1);transition-timing-function:cubic-bezier(0.75,0,0.125,1)} button.watch::before{background:#790909} button.watch::after{background:#8c2463} button.watch:hover{color:#fff} button.watch:hover::before,button.watch:hover::after{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} button.watch:hover::after{-webkit-transition-delay:0.175s;transition-delay:0.175s} @media only screen and (max-width:800px){.poster-image{border-radius:5px;float:none;margin:auto;width:270px}} .post-abdoutech{display:none;position:fixed;top:75px;width:100%;background-color:rgba(0,0,0,.95);height:100%;z-index:22;overflow:auto} .post-abdoutech > .container{padding:5% 2%;padding-bottom:35%} ul.abdoutech-frame-list{float:right;width:24%} ul.abdoutech-frame-list li{color:#eee;background:rgba(33,66,58,0.44);padding:1% 5%;border-radius:6px;margin-bottom:3px;cursor:pointer} ul.abdoutech-frame-list li:hover{background:rgba(41,109,92,0.44)} .abdoutech-frame-body{width:75%;float:right;margin-right:1%;border:5px solid rgb(58,28,46);min-height:380px;box-shadow:0 1px 3px rgba(0,0,0,0.47);border-radius:6px;margin-bottom:20px} ul.abdoutech-frame-list li.active{background:rgba(41,109,92,0.44)} .abdoutech-frame-body > iframe{height:400px} .abdoutech-frame-close{position:absolute;top:14px;left:10px;color:#fff;background:#5a143f;box-shadow:0 1px 3px rgba(0,0,0,0.47);text-align:center;cursor:pointer;padding:3px 7px;line-height:100%;font-size:15px;border-radius:10px} @media only screen and (max-width:750px){ul.abdoutech-frame-list{float:none;width:95%;margin:40px auto 5px}.abdoutech-frame-body{float:none;width:95%;margin:auto}} /*]]>*/ </style>

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

<b:if cond='data:blog.pageType == "item"'><!--Post abdoutech--><div class='post-abdoutech'><div class='container'><ul class='abdoutech-frame-list'></ul><div class='abdoutech-frame-body'></div><div class='abdoutech-frame-close'><i class='fa fa-times fa-2x'/></div></div></div></b:if>

الان احفظ القالب و في كل موضوع تريد ضهور فيه السيرفرات و اضافتهم ضع هذا الكود في الموضوع

<script type='text/javascript'> var post_content_str =` <iframe allowfullscreen="" frameborder="0" height="460" scrolling="OFF" src="سرفر1" width="100%"></iframe><iframe allowfullscreen="" frameborder="0" height="460" scrolling="OFF" src="سرفر2" width="100%"></iframe><iframe allowfullscreen="" frameborder="0" height="460" scrolling="OFF" src="سرفر3" width="100%"></iframe> `; var data_post_html = $($.parseHTML(post_content_str)); console.log(data_post_html); /*<![CDATA[*/ var abdoutech_iframes23 = data_post_html.find('iframe'); /*]]>*/ </script> <center><button class="watch">اضغط هنا للمشاهدة</button></center>

• ضع في مكان كلمات السرفرات ضع روابط السيرفرات المشاهدة
• ملاحظة يمكنك وضع الكثيير من السيرفرات

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

شارك هذا