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

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

رمز Code:

]]></b:skin>

ضع قبلة مباشرة هذا الكود

رمز Code:

.adG > .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:'';
  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;  
}

بعد ذلك نبحث عن هذا الكود

رمز Code:

  </head>

ضع فوقة او قبلة مباشرة هذا الكود

رمز Code:

    <script src='http://cima4up.com/tabcontent1.js' type='text/javascript'>
      /***********************************************
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.cima4up.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.cima4up.com/ for full source code
***********************************************/
    </script>
    <script src='https://sites.google.com/site/php0103/menu.js' type='text/javascript'/>

لا تنس ان تضغط على حفظ القالب

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

رمز Code:

<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="tab#" rel="country1">شاهد سيرفر 1</a></li>
<li><a href="tab#" rel="country2">شاهد سيرفر 2</a></li>
<li><a href="tab#" rel="country3">شاهد سيرفر 3</a></li>
<li><a href="tab#" rel="country4">شاهد سيرفر 4</a></li>
</ul>
<div style="border: 1px solid gray; margin-bottom: 1em; padding: 10px; width: 680px;">
<div class="serverD" div="" id="country1" style="position: relative;">
<div active="" class="server1">
<div class="adG">
<span class="closeAD" onclick="CloseAd();"><i class="fa fa-close"></i></span>
 <!-- Begin BidVertiser code -->
ضع شفرة الاعلانات الخاصة بك هنا
<!-- End BidVertiser code -->  
                      </div>
</div>
 <!-- Begin iframe code -->
ضع شفرة الفيديو الخاص بك هنا السرفر الاول
<!-- End iframe code -->  
</div>
<div class="serverD" div="" id="country2">
<div active="" class="country2">
</div>
 <!-- Begin iframe code -->
ضع شفرة الفيديو الخاص بك هنا السرفر الثاني
<!-- End iframe code -->  
</div>
<div class="serverD" div="" id="country3" style="position: relative;">
<div active="" class="country3">
</div>
 <!-- Begin iframe code -->
ضع شفرة الفيديو الخاص بك هنا السرفر الثالث
<!-- End iframe code -->  
</div>
<div class="serverD" div="" id="country4" style="position: relative;">
<div active="" class="country4">
</div>
 <!-- Begin iframe code -->
ضع شفرة الفيديو الخاص بك هنا السرفر الرابع
<!-- 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>

الحمد لله تم الانتهاء واسف على الشرح لان انا اول مره اعمل شرح ولو فى اى مشكله او اى سؤال انا موجود تحت امر الجميع

فضلا يرجى زيارة هذا الموقع