Membuat Table Spesifikasi keterangan di Postingan blog

gblog.id

Membuat Table Spesifikasi keterangan di Postingan blog

Jalak Ikal 12 August 0 komentar Read
Cara membuat Table Spesifikasi di Postingan Blog - Table Spesifikasi adalah table yang dimana table tersebut menyimpan beberapa keterangan tentang sesuatu hal yang penting,dan biasa nya table ini di gunakan oleh para blogger yang dimana di postingan nya tersebut terdapat template yang di bagikan untuk blogger lain nya

Anda bisa menggunakan table tersebut ke dalam postingan sobat yang menggunakan beberapa keterangan tentang artikel tertentu,dengan menggunakan table tersebut maka postingan di jamin semakin rapi dan juga terlihat menarik.
Untuk peneapan dan penggunaan table spesifikasi ini sangat lah mudah dan juga tidak menganggu terhadap loading blog,sehingga tidak sedikit para blogger yang menggunakan tombol spesifikasi ini karena tampilan yang cukup menarik untuk di gunakan di postingan blog

Untuk penggunaan adan penerapan table spesifikasi atau table keterangan ini dapat sobat ikuti langkah langkah penerapan nya di bawah ini

Cara memasang Table spesifikasi/keterangan di blog

Untuk penarapan table ini bisa sobat ikuti langkah-langkah nya sebagai berikut
  • Masuk ke Dashboard Blogger
  • Setelah itu silahkan sobat klik Template yang berada di bagian kiri Dashboard kemudian Edit html
  • Setelah berada di area Edit Html silahkan Sobat letakan kode CSS berikut
/* 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}

  • Save template 

Cara penggunaan Table Spesifikasi keterangan di postingan

 Setelah sobat meletakan kode Css di atas ke bagian template langkah selanjut nya masuk ke bagian postingan seperti langkah-langkah berikut
  1. Masuk ke DashBoard
  2. Kemudian silahkan klik "Post" di bagian awal
  3. Klik Tombol Tombol postingan baru
  4. Setelah itu silahkan sobat membuat postingan seperti biasa nya lihat gambar di atas
  5. Kemudian silahkan letakan kode berikut di bagian "HTML" yaitu klik tombol yang berada di bagian kanan "Compose"
  6. Dan Lihat Hasil nya
<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>

Agar keterangan nya sesuai dengan artikel yang anda bahas,silahkan edit atau ganti keterangan yang berada di table tersebut.
Nah itulah cara membuat Table Spesifikasi di postingan blog,semoga artikel nya bisa membantu sobat blogger selamat menggunakan.
gblog.id

ads1
Posted by Jalak Ikal, Published at 12 August and have 0 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi

ggggggggg