تسجيل الدخول تسجيل
برمجيات ادارة المحتوى اعلانات مقالات
نشر في : 2017-12-7 على الساعة 10:55

شرح اضافة جدول المباريات العالمية على مدونة بلوجر

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

 

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

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

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

بالبداية ستقوم بالدخول الى لوحة تحكم بلوجر وستختار "القالب" وبعدها ستختر عنصر تحرير 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>

شرح الكود :

 7:35 - 22/2/2016 لتعديل التاريخ والوقت

والكود الذي تحته سطر يستخدم لتغيير  شعار الفريق من خلال رفعه على احد مواقع رفع الصور 

وكلمة روما تستخدم لتغيير اسم الفريق .

 

يمكنك ايضا ان تقرأ :

كيفية إضافة قائمة منسدلة في مدونات بلوجر

شرح حذف تدعمه بلوجر من مدونات بلوجر

اقرأ ايضا عن برمجيات ادارة المحتوى

قم تسجيل الدخول لكي تتمكن من إضافة تعليق

التعليقات (0)

لاتوجد أي تعليقات