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

موقعي.كوم

Menu

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

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

اولا ابحث عن الوسم </head> و ضع الكود التالي فوقه

 

    <style>
      .adG &gt; .closeAd{
        position: absolute;
        top: 1px;
        left: 100%;
        background: white;
        font-size: 13px;
        padding: 2px 3px;
        cursor: pointer;
      }
      .adG {
        position: absolute;
        top: 50%;
        width: 300px;
        height: 250px;
        margin-top: -100px;
        right: 50%;
        margin-right: -150px;
      }
      .modernbricksmenu2 li{display:inline;margin:0 2px 0 0;padding:0;text-transform:uppercase;}
      .tabcontent{display:block!important;}}.indentmenu{font:bold 13px Custom;width:100%;}
      .indentmenu ul li a{float:left;color:white;padding:5px 11px;text-decoration:none;border-right:1px solid navy;}
      .indentmenu ul li a:visited{color:white;}
      .tabcontentstyle{border:1px solid gray;width:450px;margin-bottom:1em;padding:10px;}
      .tabcontent {
        background: #000000;
        padding: 1em;
        height: 485px;
        position: relative;
        z-index: 1;
        border-radius: 10px 10px 10px 10px;
        box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
      }
      .shadetabs{margin:10px 0 30px;padding:0!important}
      .shadetabs li{display:inline;padding-left:0px}
      .shadetabs li a.selected:hover{background-color:#cf2944}
      .shadetabs {
        overflow: hidden;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .shadetabs li {
        float: right;
        margin: 0 .5em 0 0;
      }
      .shadetabs a {
        position: relative;
        background: #ddd;
        background-image: linear-gradient(to bottom, #fff, #ddd); 
        padding: .7em 2em;
        float: left;
        text-decoration: none;
        color: #444;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        border-radius: 5px 0 0 0;
        box-shadow: 0 2px 2px rgba(0,0,0,.4);
      }
      .shadetabs a:hover,
      .shadetabs a:hover::after,
      .shadetabs a:focus,
      .shadetabs a:focus::after {
        background: #fff;
      }
      .shadetabs a:focus {
        outline: 0;
      }
      .shadetabs a::after {
        content:&#39;&#39;;
        position:absolute;
        z-index: 1;
        top: 0;
        right: -.5em; 
        bottom: 0;
        width: 1em;
        background: #ddd;
        background-image: linear-gradient(to bottom, #fff, #ddd); 
        box-shadow: 2px 2px 2px rgba(0,0,0,.4);
        transform: skew(10deg);
        border-radius: 0 5px 0 0; 
      }
    </style>
 <script src='http://cima4up.com/tabcontent1.js' type='text/javascript'> /*********************************************** </script> <script src='https://sites.google.com/site/php0103/menu.js' type='text/javascript'/>

ثانيا عند كتابة الموضوع او الفيلم ضع الكود التالي في تحرير HTML و ضع روابط الافلام

 

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="detailsMovie">
<script>
 function server(i) {
 $(".serversUl > li").removeClass('active').removeAttr('active');
 $(".serversUl > li.server"+i+"").addClass('active');
 $.ajax({
 url: 'http://cima4up.com/wp-content/themes/yourcolor/servers/server.php',
 data: 'q=3792&i='+i+'',
 success: function(msg) {
 $(".serverD .server1").html(msg);
 }
 });
 }
 function CloseAd() {
 $('.adG').remove();
 };
 </script>
</div>
<ul class="shadetabs" id="countrytabs">
<li><a class="selected" href="https://www.blogger.com/tab#" rel="country1">شاهد سيرفر 1</a></li>
<li><a href="https://www.blogger.com/tab#" rel="country2">شاهد سيرفر 2</a></li>
<li><a href="https://www.blogger.com/tab#" rel="country3">شاهد سيرفر 3</a></li>
<li><a href="https://www.blogger.com/tab#" rel="country4">شاهد سيرفر 4</a></li>
</ul>
<div style="border: 1px solid gray; margin-bottom: 1em; padding: 10px; width: 100%;">
<div class="serverD" div="" id="country1" style="position: relative;">
<!-- Begin iframe code -->
<div style="position:relative;padding-bottom:56%;padding-top:20px;height:0;"><IFRAME SRC="ضع embed فيديو هنا" FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=640 HEIGHT=360 allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;"></IFRAME></div>
<!-- End iframe code --> </div>
<div class="serverD" div="" id="country2">
<div active="" class="country2">
</div>
<!-- Begin iframe code -->
<div style="position:relative;padding-bottom:56%;padding-top:20px;height:0;"><IFRAME SRC="ضع embed فيديو هنا" FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=640 HEIGHT=360 allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;"></IFRAME></div>
<!-- End iframe code --> </div>
<div class="serverD" div="" id="country3" style="position: relative;">
<div active="" class="country3">
</div>
<!-- Begin iframe code -->
<div style="position:relative;padding-bottom:56%;padding-top:20px;height:0;"><IFRAME SRC="ضع embed فيديو هنا" FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=640 HEIGHT=360 allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;"></IFRAME></div>
<!-- End iframe code --> </div>
<div class="serverD" div="" id="country4" style="position: relative;">
<div active="" class="country4">
</div>
<!-- Begin iframe code -->
<div style="position:relative;padding-bottom:56%;padding-top:20px;height:0;"><IFRAME SRC="ضع embed فيديو هنا" FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=640 HEIGHT=360 allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;"></IFRAME></div>
<!-- End iframe code --> </div>
</div>
<script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script></div>
</div>

ملاحظة : من لا يعرف embed فيديو يمكنك اخذه من شفرة الفيديو ولمن واجه مشكلة يمكنك ترك تعليق

القسم :   بلوجر

الوسوم :  

التعليقات

  • النشر: 26 نوفمبر، 2016 21:04

    zoma

    شكرا لك ولكن اخي الكود لا يعمل ارجو حل المشكلة يمكن المعاينة من رابط المعاينة اللي في الموضوع
    • النشر: 26 نوفمبر، 2016 21:32

      موقعي.كوم

      لقد تم اصلاح المشكل يمكنك المعاينة الآن و التجريب و شكرا على تنبيهنا ، و مرحبا بك معنا
      • النشر: 27 نوفمبر، 2016 17:57

        غير معروف

        اخي الكود ما زال لا يعمل
        • النشر: 27 نوفمبر، 2016 18:04

          موقعي.كوم

          الكود يعمل يمكنك المعاينة و التاكد و جربته كذلك في مدونة جديدة و هذا رابطها للتاكد http://themes-test20.blogspot.com/2016/09/end-of-gun-2016.html
          • النشر: 1 ديسمبر، 2016 14:56

            غير معروف

            كود جميل اخي ولكن للاسف لا يعمل انظر بنفسك http://img2.file-upload.cc/i/00049/4bgartwuszr7.png
  • النشر: 1 ديسمبر، 2016 17:36

    موقعي.كوم

    يا اخواني الكود شغال عادي راسلني على صفحة الفيسبوك لاحل لك المشكل Fb/Mawqii تحياتي
  • النشر: 22 ديسمبر، 2016 10:00

    abdirahman

    عند النقر على شاهد سيرفر 1 أو 2 يظهر لي هدا الرابط https://www.blogger.com/tab# ما الحل أخي
    • النشر: 22 ديسمبر، 2016 12:01

      موقعي.كوم

      يا اخي عبد الرحمان يمكنك المعاينة في الزر في الفوق فهو امامك شغال ليس به اي مشكل اتبع الخطوات و سيشتغل معك و اذا حدث نفس المشكل غير القالب و جرب كما يمكنك استعمال قالب One Stream المرفوع على الموقع فهو يحتوي على سيرفرات المشاهدة بشكل احترافي كما يمكنك ارسال القالب في الصفحة على الفيسبوك و اجربه بنفسي و اراسلك Fb/Mawqii
    • النشر: 16 يناير، 2017 08:42

      max drama

      نفس المشكل كانت تشتغل وصارة مثلك
  • النشر: 22 ديسمبر، 2016 15:24

    abdirahman

    اخي جزاك الله خيرا شكرا شكرا هو شغال
  • النشر: 8 يناير، 2017 01:19

    محمد صبحي

    ممكن تعدل في الكود ليظهر بدل مربع ابيض شاشة عرض زي بتاعت موقع عناكب
    • النشر: 8 يناير، 2017 16:24

      موقعي.كوم

      للاسف لا يمكن تعديل الكود
      • النشر: 16 يناير، 2017 08:41

        max drama

        ممكن الحل اخي افديني
  • النشر: 16 يناير، 2017 08:33

    غير معروف

    اخي انضر كيف يئتي هل من حل http://aafla-mi.blogspot.com/2017/01/blog-post_70.html السرفراة الاخرى تئتي تحت بعضها وليسة مخفيا
  • النشر: 16 يناير، 2017 08:38

    max drama

    اخي المشكل هوا ان السرفراة مشاهدة تاتي تحت بعضها وليس مخفية شاهد المثال وممكن حل http://aafla-mi.blogspot.com/2017/01/blog-post_70.html
  • النشر: 16 يناير، 2017 08:46

    max drama

    ولله غيرة القالب من اجلو
  • النشر: 16 يناير، 2017 09:11

    max drama

    اخي راجع المعاينة ايضا نفس المشكلة فيها
  • النشر: 18 يناير، 2017 05:33

    max drama

    وجدة المشكل شباب المشكل هوا لما تضيفو السرفراة مثلا تضيفو سرفرين فقط مكان السرفراة الاخرى في كلمة src اتركوها فارغة
  • النشر: 19 يناير، 2017 11:42

    max drama

    وبعد بحث طويل وجدة المشكل المشكل هوى لمى تركبو الاضافة سرفراة وبعدين تضيفواضافة اخرى تحتهى اكواد تحتها تبطل الاضافة سرفراة فلازم تخليو كود هاده الاضافة دايمن فوق الوسم head/ وادا ارتو ان تضيفو اضافا اخرى لازم تمحيو كود الاضافة السرفراة وتركبو الاضافة الي التريدون وبعديها ترجعو كود السرفراة فوق الوسم headرد

اترك رد