اليوم علي مدونة بروتك اشارككم عن طريقة اضافة جداول او كشف بيانات داخل مواضيع مدونات بلوجر ، كذلك هناك الكثير من المدونيين او اصحاب المدونات عندما ينشرون مواضيع في مدوناتهم احيانا يحتاجون لعمل جداول بيانية لعرض مميزات القوالب او استعمالها فى عرض مميزات المنتجات ....
قد تخطر في بالهم هذه الفكرة ولكن لا يعلمون كيف ، لا توجد به خاصية لانشاء جدول او جداول احصائية ، وانا واحد من هولاء الذين كنت لا اعلم بذلك ولكن بعد بحثي في بعض المصادر الاجنبية ، توجد عدة طرق لانشاء جداول في بلوجر ، لكن كل طريقة تختلف عن الاخرى .
- اذهب إلى لوحة التحكم > القالب > تحرير HTML
- ابحث عن ]]></b:skin> واضف الكود التالي فوقها
/* Post Table */ .post-body table {width:100%;} .post-body table td,.post-body table caption{background:#fff;border:1px solid rgba(0,0,0,0.05);padding:10px;text-align:right;vertical-align:top} .post-body table th{background:#e74c3c;color:#fff;border:1px solid rgba(0,0,0,0.05);border-bottom:0;padding:10px;text-align:right;vertical-align:top} .post-body table.tr-caption-container {border:1px solid rgba(0,0,0,0.14);margin:0;} .post-body th{font-weight:700;} .post-body table caption{border:none;font-style:italic;} .post-body td, .post-body th{vertical-align:top;text-align:right;font-size:13px;padding:3px 5px;border:1px solid #97b28e;} .post-body th{} .post-body th:hover{color:#fff;} .post-body td a{color:#444;} .post-body td a:hover{color:#cf4d35;} .post-body table.tr-caption-container td{border:0;padding:8px;background:#fff;line-height:17px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#000;} .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;} .post-body li {list-style-type:square;} .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px!important;} .sr {visibility:hidden;width:0;height:0;} .clear{clear:both} html {-webkit-font-smoothing:antialiased;}
- اذهب الى المشاركات > تحرير المشاركة
- انتقل الى وضع HTML ، وضع الكود التالي
<table cellpadding="0" cellspacing="0" style="text-align: right;"><tbody> <tr><th>مميزات واضافات القالب</th><th>الترخيص</th></tr> <tr><td>هنا تضع جملة وصفية</td><td>مجانى</td></tr> <tr><td>هنا تضع جملة وصفية</td><td>مجانى</td></tr> <tr><td>هنا تضع جملة وصفية</td><td>مجانى</td></tr> <tr><td>هنا تضع جملة وصفية</td><td>مجانى</td></tr> <tr><td>هنا تضع جملة وصفية</td><td>مجانى</td></tr> </tbody> </table>

تعليقات: 0
إرسال تعليق