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

هل تمتلك مدونة بلوجر رياضية وتريد أن تنشر البث المباشر للمباريات بأكثر من جودة علي مدونتك ولا تعرف كيف وذلك لان امكانيات بلوجر لا تسمح لك بانشاء او باضافة الاضافة الخاصة بعمل أكثر من سيرفر للمشاهدة؟, هل تمتلك مدونة خاصة بالافلام والمسلسلات وتريد أيضاً إضافة خاصية السيرفرات الخاصة بالمشاهدة ولا تعرف كيف؟ لا عليك في تقني بلس ستتعرف علي الطريقة بشكل مبسط وسريع.

في هذا الشرح ساضع لكم بعض الاكواد التي ستتيح لكم أن تنشئوا الاضافة في مدونات بلوجر أياً كان القالب فالاضافة لا تشترط وجود قالب معين والاضافة سهلة أيضاً في التركيب والتعديل عليها, الاضافة تتيح لك وضع أعلانات فوق الفيديو وهذا هو الشي المشيق والممتع وذلك لانك تريد بالفعل الربح من المدونة فلن تربح الا بوجود الاعلانات وبهذه الطريقة ستحصل علي ضغطات كثيرة علي الاعلانات كما بالمواقع الكبيرة الخاص بالبث المباشر لمباريات كرة القدم ومواقع عرض الافلام.

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

في البداية قم بالبحث عن هذا الكود الذي يختص بجمع اكواد ال css الخاصة بالقالب بداخله:

]]></b:skin>

ثم مباشرة عند العثور علي هذا الكود في القالب سنقوم بوضع الاكواد الخاصة بالاستايل قبله مباشرة:

موضوع يهمك : إنشاء جدول المحتويات التلقائي بالجافا سكريبت لبلوجر حصرياً 2018

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

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