طريقة اضافة جدول مباريات اليوم بشكل يدوي احترافي لمدونة بلوجر

طريقة اضافة جدول مباريات اليوم بشكل يدوي احترافي لمدونة بلوجر

طريقة اضافة جدول مباريات اليوم بشكل يدوي احترافي لمدونة بلوجر

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

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

والان سوف نتعرف على كيفية تركيب كود جافا الخاص بجدول مباريات اليوم :

اولا : سوف ندخل الى القالب >> ثم تحرير 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>

اللون الاحمر : تغير التاريخ 
اللون الاخضر : صورة شعار الفرقة 
اللون الازرق : اسم الفرقة .