16386295843722872
recent
أخبار ساخنة

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

الخط

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


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

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

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

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

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

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

  1. مرحباً
    شُكراً لكَ على مشاركتكَ هذهِ الإضافة
    لكن بها مشاكل ألا وهي عندما نضغط على أحد السيرفرات تذهب لصفحة أخرى وذلكَ بسبب إضافة href="tab#"
    إن كانَ بالإمكان إرشادي للطريقة الصحيحة أو إرسالها مع تعديل إلى الإيميل أكون ممتنّاً جداً لك brokenheart10500@gmail.com
    أنتظر منكَ الرد...وبالنسبة للأكواد لقد ركبتهم كما قلت بالضبط وشكراً جزيلاً

    ردحذف

إرسال تعليق

نموذج الاتصال
الاسمبريد إلكترونيرسالة