إلي كل عشاق كرة القدم والمباريات أهلا بك في هذا الدرس الذي سوف نتعلم فيه كيفية إضافة جدول مباريات اليوم إلي منصة بلوجر هذه الإضافة يتم تركيبها من داخل القالب ومن قسم التخطيط يمكنك عزيزي القارئ تغير التاريخ وكذلك وقت المبارة مع وضع عدد الأهداف فهي حقا إضافة ممتازة جدا ، مع العلم بأن هناك إضافات من هذا النوع سوف تعرض قريبا علي المدونة ، عليك فقط بإتباع الخطوات التي سوف تكون في الشرح التالي وعبر الفيديو أكثر حتي تفهم كيفية تركيب الإضافة وبدون حدوث أي مشاكل.
شرح تركيب الإضافة :
- أولا من لوحة تحكم القالب ثم إلي قسم القالب وبالضغط علي تحرير HTML
- بعد هذا قم بالبحث في القالب عن هذا الوسم ]]></b:skin>
- وقم بوضع الأكواد الاتية فوقه.
.fbmatch {
list-style: outside none none;
margin: 10px auto;
padding: 0;
}
.fbmatch li {margin-bottom: 10px; border:0;}
.fbmatch li p {
background-color: #cc0000;
color: #fff;
direction: ltr;
display: block;
font: normal 13px/20px tahoma;
height: 20px;
margin: 0 auto;
text-align: center;
padding: 5px;
}
.inmathch {
background-color: #3c9bce;
height: 40px;
overflow: hidden;
}
.inmathch div {width: 125px;}
.fbmatch li img {
background-color: #fff;
border: 1px solid #ddd;
height: 34px;
padding: 2px;
width: 34px;
}
.firsteam,.firsteam img {float: right;}
.secondteam,.secondteam img {float: left;}
.inmathch h6 {
color: #fff;
display: inline-block;
font: bold 13px/40px droid arabic naskh;
padding: 0;
}
.firsteam h6 {margin:0 5px 0 0; float:right;}
.secondteam h6 {margin:0 0 0 5px; float:left;}
.fbmatch span {
background-color: #000;
color: #fff;
display: inline-block;
font: bold 18px/40px arial;
margin: 0 auto;
text-align: center;
width: 40px;
}
- بعد وضع الأكواد التي فوق عليك بالذهاب إلي قسم التخطيط من لوحة تحكم القالب وتضع الأكواد الأتية في أداة الجافا سكربت.
<ul class="fbmatch">
<!--كود مباراة-->
<li>
<p>26/9/2016 - 6:35 م</p>
<div class="inmathch">
<div class="firsteam">
<img src="http://store2.up-00.com/2016-02/145583011592.png" />
<h6>ريال مدريد</h6>
</div>
<span class="natega">3-2</span>
<div class="secondteam">
<img src="http://store2.up-00.com/2016-02/145583011578731.png"/>
<h6>روما</h6>
</div>
</div>
</li>
</ul>
- وقم بالحفظ أداة الجافا سكربت ومبروك عليك الإضافة.
- يجب عليك مشاهدة الفيديو التالي أكثر حتي تفهم كيفية تركيب الإضافة وحتي لا يحدث معك أي مشكلة.