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

موقعي.كوم

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 فيديو يمكنك اخذه من شفرة الفيديو ولمن واجه مشكلة يمكنك ترك تعليق

القسم :   بلوجر