سكربت جدول مباريات اليوم بلوجر 2022

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

طريقة إضافة جدول مباريات اليوم على مدونة بلوجر

اولا نقوم بإضافة ال CSS الخاص بالجدول عن طريق الدخول إلى بلوجر ثم الذهاب إلى تحرير القالب.

بعد ذلك أضغط على Ctrl + F وقم بالبحث عن ]]></b:skin></style>

ضع هذا الكود فوقه

::-webkit-scrollbar{width:5px;height:9px;background:#dcdcdc}

body{margin:0}

td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.container{margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}

@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}

@media (min-width:1200px){.container{width:1170px}}

.container-fluid{margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}

.container:before,.container:after,.container-fluid:before,.container-fluid:after{content:" ";display:table}

.container:after,.container-fluid:after,{clear:both}

/*mnajiri*/

.contents.widget-content {padding: 5px !important;}

/*mnajiri*/

.contents.widget-content{padding:15px}

div#match_today h2{text-align:center;padding:10px;background:#532855;color:#fff}

/*mnajiri*/

.mnajiri{display:block;height:94px;position:relative;

box-shadow:rgba(0, 0, 0, 0.57) 0px 25px 20px -21px;

-webkit-transition:box-shadow .3s;transition:box-shadow .3s;

border-radius:5px;margin:12px auto;

background:#DCEDC8;}

/*mnajiri*/

.fullink{display:block;height:100%;position:absolute;right:0;width:100%;z-index:5}

/*mnajiri*/

.mnajiriin{margin:0 13px}

/*mnajiri*/

.mnajiri img{background-color:#fff;border-bottom:3px solid #532855;height:50px;padding:4px;position:absolute;width:50px;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,0.1),0 2px 5px -1px rgba(0,0,0,0.2);-webkit-transition:box-shadow .3s;transition:box-shadow .3s}

/*mnajiri*/

.mpart1 strong{

    color: #fff;

    height: 50px;

    margin-right: -50px;

    position: absolute;

    right: 50%;

    text-align: center;

    width: 100px;

    z-index: 1;

    border-radius: 5px;}

.mpart1{position:relative;height:48px;line-height:48px}

.mpart1 span{

    float: right;

    text-align: center;

    width: 100%;

    z-index: 2;

}

/*mnajiri*/

.right_match{float:right;padding-left:30px;width:50%;position:relative;z-index:2}

/*mnajiri*/

.left_match{float:left;padding-right:30px;width:50%;position:relative;z-index:2}

.details_match{padding:0 100px;font-size:14px}

.details_match i{margin-left:5px}

.details_match span{background-color:#532855;border-left:1px solid #fff;color:#fff;float:right;height:36px;line-height:36px;position:relative;text-align:center;width:33.3%}

.details_match .liga_mdw{border:0 none}

.first_match::before,.liga_mdw::before{background-color:#532855;content:"";height:36px;position:absolute;top:0;width:20px}

.first_match::before{transform:skew(-20deg);right:-12px;border-radius:0 0 8px}

.liga_mdw::before{transform:skew(20deg);left:-12px;border-radius:0 0 0 8px}

@media screen and (max-width:700px){.liga_mdw{display:none}.details_match{padding:0 60px}.details_match span{width:50%}.thany::before{background-color:#532855;content:"";height:36px;position:absolute;top:0;width:20px;transform:skew(20deg);left:-12px;border-radius:0 0 0 8px}}

@media screen and (max-width:500px){.gadwal{font-size:14px;width:106%;background:#fff} }

.details_match{font-size:12px}

/*mnajiri*/

.mpart1{line-height:30px}

/*mnajiri*/

.mnajiriin{margin:0 5px}

/*mnajiri*/

.right_match{padding-left:20px}

.left_match{padding-right:20px}

/*mnajiri*/

.mnajiri{height:157px}

.details_match{padding:0 25px}

/*mnajiri*/

.mnajiri img{position:relative;display:block;margin:5px auto;background:transparent;border:0;padding:0}

.mpart1 strong{height:36px;line-height:36px;top:30px;width:60px;margin-right:-30px}

.najiri1{

    background-color: #532855;

}

.najiri2{

    background-color: #E91E63;

}

.najiri3{

    background-color: #4caf50;

}

</style>

 بعد ذلك قم بإنشاء أي صفحة جديدة أو مقال وأضف هذا الكود بداخله

<div class="match_today container" id="match_today">

<h2>مباريات اليوم</h2>

<div class="widget-content">

<!--match mdw-->

<div class="mnajiri">

     <a class="fullink" href="#"></a>

       <div class="mnajiriin">

         <div class="mpart1">

           <div class="right_match">

              <span class="right_tech">

                 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ37uz9JulhC6TuvJwqIdyGAay6TrD1hxFuqhbUaPhfK-tyCxrkfwlv9eePsmbcDHbGqQy7tE5krtIuGm5A0Y_l3Q9BHwjnIryY8tE0uuV4uGQ5HvzoZZrTtnNqVq9a-vjN63PlJPmQ3M/s1600/a.png">

                  <div class="fname">برشلونة</div>

               </span>

           </div>

                 <strong class="najiri1">19:00</strong>

                 <div class="left_match">

                   <span class="left_tech">

                     <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnfyW3CF-2Dey3Fh64irkLGUGYuFa0WUTcD6ZYuF-zCJGO947lhBjMVC80ubh6ESp1UafTcjjVDj0RabqzpvZidpH2PMhTVj3N3_qD9_MVinwFEr4hNcRaz4jYvNHQi1WQhywB2as_yQc/s1600/u.png">

                       <div class="fname">ريال مدريد</div>

                   </span>

                </div>

            </div>

               <div class="details_match">

                  <span class="first_match">

                     <i aria-hidden="true" class="fa fa-clock-o"></i><b>غرينتش</b>

                   </span>

                   <span class="thany"><i aria-hidden="true" class="fa fa-futbol-o"></i><b>دوري ابطال اوروبا</b>

                   </span>

                   <span class="liga_mdw"><i aria-hidden="true" class="fa fa-desktop"></i><b>Bein Sport HD1</b>

                   </span>

              </div>

      </div>

   </div>

<!--match mdw-->

<div class="mnajiri">

   <a class="fullink" href="#"></a>

     <div class="mnajiriin">

       <div class="mpart1">

         <div class="right_match">

            <span class="right_tech">

               <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnfyW3CF-2Dey3Fh64irkLGUGYuFa0WUTcD6ZYuF-zCJGO947lhBjMVC80ubh6ESp1UafTcjjVDj0RabqzpvZidpH2PMhTVj3N3_qD9_MVinwFEr4hNcRaz4jYvNHQi1WQhywB2as_yQc/s1600/u.png">

                <div class="fname">ليفربول</div>

             </span>

         </div>

               <strong class="najiri2">شوط 1</strong>

               <div class="left_match">

                 <span class="left_tech">

                   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0mmQ7sOwLsu41-eq2GxixOIXHvF1ogsJfFlv2UKKZslWd3WePJpLYI3qjbYC2Km66R6pvfSmp7uCgPH5V60BSQUo7so_mfjBpOJgqrgiNZBOiWms2wzlsmPsfnZfN2TfmLXszfOVNnHA/s1600/c.png">

                     <div class="fname">برايتون</div>

                 </span>

              </div>

          </div>

             <div class="details_match">

                <span class="first_match">

                   <i aria-hidden="true" class="fa fa-clock-o"></i><b>جارية الأن</b>

                 </span>

                 <span class="thany"><i aria-hidden="true" class="fa fa-futbol-o"></i><b>الدوري الانجليزي</b>

                 </span>

                 <span class="liga_mdw"><i aria-hidden="true" class="fa fa-desktop"></i><b>Bein Sport HD1</b>

                 </span>

            </div>

    </div>

 </div>

  <!--match mdw-->

<div class="mnajiri">

   <a class="fullink" href="#"></a>

     <div class="mnajiriin">

       <div class="mpart1">

         <div class="right_match">

            <span class="right_tech">

               <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2JRfInt8UMOZZ8T-S_I8pPgr6lGJc3oENucwAUoYM3qxJI01Q-60Py_iye2nshxJRVb8sqsxdqzT6ZVSE1H7VWtIHnHiU4oB8CbqNC70TEelrMKIGlJipG5rpKpDDvoEY5kqOw5rlkbc/s1600/d.png">

                <div class="fname">ليفربول</div>

             </span>

         </div>

               <strong class="najiri3">إستراحة</strong>

               <div class="left_match">

                 <span class="left_tech">

                   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnfyW3CF-2Dey3Fh64irkLGUGYuFa0WUTcD6ZYuF-zCJGO947lhBjMVC80ubh6ESp1UafTcjjVDj0RabqzpvZidpH2PMhTVj3N3_qD9_MVinwFEr4hNcRaz4jYvNHQi1WQhywB2as_yQc/s1600/u.png">

                     <div class="fname">برايتون</div>

                 </span>

              </div>

          </div>

             <div class="details_match">

                <span class="first_match">

                   <i aria-hidden="true" class="fa fa-clock-o"></i><b>ستبدأ بعد قليل</b>

                 </span>

                 <span class="thany"><i aria-hidden="true" class="fa fa-futbol-o"></i><b>الدوري الانجليزي</b>

                 </span>

                 <span class="liga_mdw"><i aria-hidden="true" class="fa fa-desktop"></i><b>Bein Sport HD1</b>

                 </span>

            </div>

    </div>

 </div>

  <!--match mdw-->

<div class="mnajiri">

   <a class="fullink" href="#"></a>

     <div class="mnajiriin">

       <div class="mpart1">

         <div class="right_match">

            <span class="right_tech">

               <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ37uz9JulhC6TuvJwqIdyGAay6TrD1hxFuqhbUaPhfK-tyCxrkfwlv9eePsmbcDHbGqQy7tE5krtIuGm5A0Y_l3Q9BHwjnIryY8tE0uuV4uGQ5HvzoZZrTtnNqVq9a-vjN63PlJPmQ3M/s1600/a.png">

                <div class="fname">ليفربول</div>

             </span>

         </div>

               <strong class="najiri1">4-0</strong>

               <div class="left_match">

                 <span class="left_tech">

                   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0mmQ7sOwLsu41-eq2GxixOIXHvF1ogsJfFlv2UKKZslWd3WePJpLYI3qjbYC2Km66R6pvfSmp7uCgPH5V60BSQUo7so_mfjBpOJgqrgiNZBOiWms2wzlsmPsfnZfN2TfmLXszfOVNnHA/s1600/c.png">

                     <div class="fname">برايتون</div>

                 </span>

              </div>

          </div>

             <div class="details_match">

                <span class="first_match">

                   <i aria-hidden="true" class="fa fa-clock-o"></i><b> إنتهت</b>

                 </span>

                 <span class="thany"><i aria-hidden="true" class="fa fa-futbol-o"></i><b>الدوري الانجليزي</b>

                 </span>

                 <span class="liga_mdw"><i aria-hidden="true" class="fa fa-desktop"></i><b>Bein Sport HD1</b>

                 </span>

            </div>

    </div>

 </div>

</div></div>

يمكنك التعديل بسهولة على هذا الكود وإضافة رابط المباراة والتعديل على أسماء الفرق والقنوات الناقلة بالإضافة إلى البطولة.