Cara Menciptakan Table Untuk Blog Non Amp

Lanjut lagi cara menciptakan table, dan kali ini untuk blog non AMP table ini dapat teman terapkan pada blog sobat, semoga ketika menciptakan postingan menjadi lebih keren.

Karena ini untuk blog non AMP jadi tidak akan menemui duduk masalah menyerupai artikel jadi eror. Dan niscaya akan berhasil 100%

Silahkan pilih stylenya sesuai dengan selera sobat, dan simpan arahan CSS nya di atas arahan </b:skin> atau di atas arahan </style>

1. Style 1

/* 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:left;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:left;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:left;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;} ::selection {background:#eafdb7;text-shadow:none;} .post-body ::selection {background:#eafdb7;color:#000;}

2. Style 2

/* CSS Post Table */ table{border-collapse:collapse;border-spacing:0;} .post-body table td {border:1px solid #e9e9e9;padding:10px;text-align:left;vertical-align:top;} .post-body table th {border:1px solid #5a97ff;padding:10px;text-align:left;vertical-align:top;background:#4588f3 !important;color:#fff} .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;} .post-body th{background:#fff;font-weight:400;text-transform:uppercase;font-size:14px} table {max-width:100%;width:100%;margin:1.5em auto;} table.section-columns td.first.columns-cell{border-left: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:50%} table.columns-4 td.columns-cell{width:30%} table.section-columns td.columns-cell{vertical-align:top} table.tr-caption-container{padding:4px;margin-bottom:.5em} td.tr-caption{font-size:80%} .post-body td img, .post-body th img {list-style:none;max-width:100%;height:auto;padding:0 !important;margin:0 !important} .post-body table.tr-caption-container img, .post-body table.tr-caption-container img, .post-body img {list-style:none;max-width:100%;height:auto;padding:0 !important;margin:0 !important} .post-body table.tr-caption-container td {border:none;padding:0 !important;margin:0 !important} .post-body table caption{max-width:100%;height:auto;border:none !important;padding:0 !important} .post-body img.video-thumbnail,.youtube-thumb{visibility:hidden !mportant;display:none !important;height:0}

Cara memanggilnya cukup gunakan arahan di bawah ini di dalam postingan mode Html

<table cellpadding="0" cellspacing="0" style="text-align: left;"><tbody> <tr> <th>Detail:</th>   <th>RevenueHits</th> </tr> <tr> <td>Website URL</td>   <td>url here</td> </tr> <tr> <td>Tipe jaringan</td>   <td>CPM, CPC, CPA</td> </tr> <tr> <td>Tipe iklan</td>   <td>Banner, Rich media, pop up/under, text</td> </tr> <tr> <td>Metode pembayaran</td>  <td>Paypal, Wire Transfer, Payoneer</td> </tr> <tr> <td>Minimal Payout</td>   <td>Paypal $20, Wire transfer $500, Payoneer $20</td> </tr> <tr> <td>Fill rate</td>   <td>100%</td> </tr> <tr> <td>Frekuensi pembayaran</td>  <td>NET 30</td> </tr> <tr> <td>Rate eCPM tertinggi</td>  <td>US, Europe traffic</td> </tr> <tr> <td>Penerimaan traffic</td>  <td>Seluruh negara</td> </tr> <tr> <td>Ad Mobile</td>   <td>Yes</td> </tr> <tr> <td>Ad custom format</td>  <td>Yes</td> </tr> <tr> <td>Affiliasi</td>   <td>Yes</td> </tr> <tr> <td>Bebas virus dan malware</td> <td>Yes</td> </tr> <tr> <td>Dukungan web Indonesia</td>  <td>Yes</td> </tr> <tr> <td>Kolaborasi dengan Adsense</td> <td>Hight risk</td> </tr> </tbody> </table>

Tulisannya ubah dengan kebutuhan sobat

Semoga bermanfaat !