جدول البث مباشر للمباريات بلوجر

السلام عليكم ... موضوع اليوم هو كيفية اضافة جدول البث الحي للمبارات في بلوجر . لعلك بحث كثير في منتديات و المواقع لكن بدون جدوى . أو اردث ان تصممه بنفسك لكن لم ينجح . أتيتكم يا أصاب المواقع البث المباشر بالجدول أنيق شبيه بجدول الموجود في موقع Aflam4You . الجدول بتقنية CSS غاية في الروعة و سهل استعمال . إذا يتيج لك اضافة صور للفرق المتنافسة مع و ضع روابط  للنقل أو القناة الناقلة للمبارات . إضافة الى تأتيرات حركية عند تحريك الماوس (Souris) فوقه كل هذا و أكثر في جدول احترافي للبث المباشر في بلوجر .

مشاهدة الجدول البث المباشر للمباريات في موقع      Here


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

1. توجه الى لوحة التحكم
2. ثم قالب
3. تحرير HTML

4. ابحث عن هذا الكود :

]]></b:skin>

5. ثم ضع هذا الكود فوقه مباشرة :

#tableau {
font-family: "Arabic Droid Kufi", "Lucida Grande", Sans-Serif;
font-size: 12px;
margin: 10px 0;
width: 100%;
text-align: right;
border-collapse: collapse;
}
#tableau th {
font-size: 13px;
font-weight: normal;
padding: 8px;
background: #ff9900 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRdPO_zHekO4FbhqVCCFzO6DloOBuXSEGhYA5fajzh7oHSAUkYN_6Nv_APtZ0ZNMUMGBRR0XDCd8Wzj920bOz85XP7s5QbPrHHR12YNjD0GOP33UMVPkv1gwY6PP-apktL3Fx5Hw7o1Dnx/s1600/gradhead.png') repeat-x;
border-top: 2px solid #f2a83a;
border-bottom: 1px solid #fff;
color: #000;
}
#tableau td {
padding: 8px;
border-bottom: 1px solid #fff;
color: #669;
border-top: 1px solid #fff;
background: #e8edff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeCp2fIxyBqMbdLsXL1PzHSvXsfCW1wp1yWHWbcoKYkE6NbSS7IVDowpfBl9enRUWhOekO4jIWBAtdRPfRsiN4PuEnYlyAkcTh07HtGcjmLFrrmxO0gvMoAXoKQ8Tt7M021SQlag0IGzrI/s1600/gradback.png') repeat-x;
}
#tableau tfoot tr td {
background: #000000;
font-size: 16px;
color: #000000;
text-align:center;
}
#tableau tbody tr:hover td {
background: #000000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh31B-PjWHhZyaDYhzUzDk5JcFLLk1Rf2fEZpVRpI4IbMmoN9Q-hnMto3BauV45ba6pIbKpctmiterlyI8LCkOKZ_oZ7YufdF3Y65w1PygO8yYtqxry4wUQoqZ5pyiVHTkXh9TTBbfEMZMP/s1600/gradhover.png') repeat-x;
color: #339;
}
#tableau a:hover {
text-decoration:underline;
}

 6.  اضغط حفظ النموذج .
7. اذهب الى مشاركة جديدة .
8. قم بوضع هذا الكود في  HTML

Code

قم بتعديل عليه كما شئت .  قالب بلوجر للبث المباشر للمباريات  HERE
الى هنا ينتهي الموضوع أتمنى ان يكون شرح في متناول. لا تنسوا دعمنا من خلال اشتراك على المواقع الإجتماعية.

مقالات ذات صلة