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

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

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

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

ضع شفرة الاعلانات الخاصة بك هنا

                      </div>
</div>

ضع شفرة الفيديو الخاص بك هنا السرفر الاول

</div>
<div class="serverD" div="" id="country2">
<div active="" class="country2">
</div>

ضع شفرة الفيديو الخاص بك هنا السرفر الثاني

</div>
<div class="serverD" div="" id="country3" style="position: relative;">
<div active="" class="country3">
</div>

ضع شفرة الفيديو الخاص بك هنا السرفر الثالث

</div>
<div class="serverD" div="" id="country4" style="position: relative;">
<div active="" class="country4">
</div>

ضع شفرة الفيديو الخاص بك هنا السرفر الرابع

</div>
</div>
<script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>