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

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

http://www.traidnt.net/vb/images/img...22066205-1.png
http://www.traidnt.net/vb/images/img...22066205-1.png

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

كود:

]]></b:skin>

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

كود:

.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;  

}

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

كود:

</head>

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

كود:

    <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'/>

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

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

كود:

<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>

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