طريقة اضافة جدول مباريات اليوم بشكل يدوي احترافي لمدونة بلوجر
طريقة اضافة جدول مباريات اليوم بشكل يدوي احترافي لمدونة بلوجر
بسم الله وصلاة وسلام على رسول الله اما بعد ، احبتي متابعي ، اليوم في قسم دروس بلوجر سوف نقدم لكم احد اضافات التي يحتاجها مدون اخبار الكرة ، نعم اضافة يجب عليك استعمالها لتقديم جدول مباريات اليوم للفرقة التي لعبت مع المنافس ، كما ان هناك العديد من الاضافات المتشابهة الا ان هذه الاضافة جد سهلة وغير معقدة .
العديد من المدونين وخصوصا اصحاب المواقع الاخبارية تحتاج الى اضافة صغيرة جدا لاظهار تقارير مباريات اليومية ، وهذه الإضافة في الحقيقة هناك التي تشتغل اتوماتيكي وهي جد صعبة ومعقدة بعض الشي وهناك اضافة يدوية التي بين ايديكم الان ، هذه الاضافة تساعد في اظهار نقاط الاخيرة أونقط الجولة الاولى للزوار كي يعلموا بالاخبر الاخيرة ، كما يمكنك ان تضيف الكود اكثر من واحد في اداة الجاف سكريبت واحد .
والان سوف نتعرف على كيفية تركيب كود جافا الخاص بجدول مباريات اليوم :
اولا : سوف ندخل الى القالب >> ثم تحرير html >> ونفتح محرك البحث الاكواد ctrl+f >> ونبحث عن هذا الامر ]]></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: 30px; margin: 0 auto; text-align: center; padding: 5px; } .inmathch { background-color: #3c9bce; height: 40px; overflow: hidden; } .inmathch div {width: 150px;} .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>22/2/2016 - 7: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>
اللون الاحمر : تغير التاريخ
اللون الاخضر : صورة شعار الفرقة
اللون الازرق : اسم الفرقة .
اللون الاخضر : صورة شعار الفرقة
اللون الازرق : اسم الفرقة .