تم الكشف عن مانع الإعلانات

الإعلانات تساعدنا في تمويل موقعنا، فالمرجو تعطيل مانع الإعلانات وساعدنا في تقديم محتوى حصري لك. شكرًا لك على الدعم ❤️

U3F1ZWV6ZTQ0OTg0ODg5MzE5X0FjdGl2YXRpb241MDk2MTY3Mjk0NzE=
اخبار انترنت
أخبار تقنية

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


كنا سابقا قد شرحنا طريقة اضافة جداول لمدونات بلوجر ' اصدار 1 ' ، و اليوم ساريكم طريقة اخرى لاضافة جداول بلوجر احترافية

معاينة 


طريقة التركيب ؟

نذهب الى تحرير القالب ثم ctrl+f و ابحث عن وسم ]]></b:skin> ، و ضع الكود التالي قبله تماما
/* CSS Post Table */.post-body table th, .post-body table td, .post-body table caption{border:1px solid #000000;padding:.2em .5em;text-align:right;vertical-align:top;}.post-body table.tr-caption-container {border:1px solid #d8dde1;}.post-body th{font-weight:700;}.post-body table caption{border:none;font-style:italic;}.post-body table{}.post-body td, .post-body th{vertical-align:top;text-align:right;font-size:13px;padding:3px 5px;border:1px solid #d8dde1;}.post-body th{background:#D03F42;}.post-body table.tr-caption-container td {border:none;padding:8px;}.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}img {max-width:100%;height:auto;border:none;}table {max-width:100%;width:100%;margin:1.5em auto;}table.section-columns td.first.columns-cell{border-right:none}table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}table.columns-2 td.columns-cell{width:50%}table.columns-3 td.columns-cell{width:33.33%}table.columns-4 td.columns-cell{width:25%}table.section-columns td.columns-cell{vertical-align:top}table.tr-caption-container{padding:4px;margin-bottom:.5em}td.tr-caption{font-size:80%}
ثم لما تقوم بتحرير مشاركة و تكتب موضوع و تريد ادراج الجدول ، افتح تبويب html في الموضوع و الصق الكود التالي
<table border="2" cellpadding="2" cellspacing="2" style="width: 100%px;"><tbody><tr><th>عمــود رقم 1</th><th>عمــود رقم 2</th></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr><tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr></tbody></table><br /><div><br /></div></div>
تقوم بتغيير ما يناسبك في الجدول قبل العودة الى تبويب تاليف في موضوعك ، ثما لما تنشر الموضوع ستلاحظ ظهور القالب .


3 تعليقات
إرسال تعليق
  1. تحميل قالب سمارتيك | من افضل قوالب بلوجر مجانية !
    هل تبحث عن قوالب بلوجر مجانية ؟ اقدم لكم اليوم قالب سمارتيك افضل قوالب بلوجر 2019 مجانية, قالب سمارتيك رائع جدا و يمكنك الحصول علي كثير من المميزات عن طريق هذا القالب و سوف يعطي لموقعك جمالية اكبر و يجعلك تظهر في محركات البحث
    مميزات القالب
    تصميم مميز يركز على تجربة المستخدم
    تم تصميم العمل بأحدث التقنيات
    متجاوب مع أغلب المتصفحات
    متجاوب مع جميع الأجهزة
    ألوان مميزة
    يدعم الإتصال المشفر https
    صفحة 404
    رابط تحميل القالب : https://www.almoh3arif.com/2019/05/smartech-blogger-template.html

    ردحذف

إرسال تعليق

الاسمبريد إلكترونيرسالة