Terlebih lagi apabila di blog kamu memasang tabel ini, maka blog kamu akan kelihatan lebih menarik. Langsung saja ke pembahasan, silahkan ikuti langkah-langkah di bawah ini untuk membuat tabel keterangan di blog kamu.
Berikut ini cara membuat tabel keterangan
1.Silahkan login ke blogger.com pilih Tema > Edit HTML
2.Cari kode ]]></b:skin> atau kode </style> Kemudian copy kode css di bawah ini, dan letak kan tepat sebelum kode tersebut.
/* table */
table {border-collapse: collapse;border-spacing: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border-left: 1px solid #e9e9e9;border-right: 1px solid #eee;max-width: 100%;width: 100%;margin: 1.5em auto;}
.post-body table th {padding: 15px 8px;text-align: center;vertical-align: top;color: #fff;background: #3b6ca0;}
.post-body .tfre {background: #ff552a;}
.post-body .tpre {background: #15a144;}
.post-body table td {padding: 10px;text-align: center;vertical-align: top;}
.post-body td i.fa-times {background: #ff552a;}
.post-body i.fa-check, .post-body i.fa-minus, .post-body i.fa-times {height: 27px;width: 27px;line-height: 27px;text-align: center;border-radius: 99em;color: #fff;}
.post-body td i.fa-check {background: #15a144;}
.text-not {color: #ff552a;}
.text-yes {color: #15a144;}
.text-not, .text-yes {font-size: 15px;font-weight: 900;text-transform: uppercase;}3.Selanjutnya letakkan kode di bawah ini di setiap postingan yang akan di buat tabel
<div class="box-versi"><table cellpadding="0" cellspacing="0"><tbody>
<tr><th class="lisbots">Notes</th><th class="tfre">Free Version</th><th class="tpre">Paid Version</th></tr>
<tr><td class="lisbot">Remove Footer Credits:</td><td><i aria-hidden="true" class="fa fa-times"></i></td><td><i aria-hidden="true" class="fa fa-check"></i></td></tr>
<tr><td class="lisbot">No Encrypted Scripts:</td><td><i aria-hidden="true" class="fa fa-times"></i></td><td><i aria-hidden="true" class="fa fa-check"></i></td></tr>
<tr><td class="lisbot">Lifetime Premium Support:</td><td><i aria-hidden="true" class="fa fa-times"></i></td><td><i aria-hidden="true" class="fa fa-check"></i></td></tr>
<tr><td class="lisbot">For Unlimited Domains:</td><td><i aria-hidden="true" class="fa fa-times"></i></td><td><i aria-hidden="true" class="fa fa-check"></i></td></tr>
<tr><td class="lisbot">Regular Template Updates:</td><td><i aria-hidden="true" class="fa fa-times"></i></td><td><i aria-hidden="true" class="fa fa-check"></i></td></tr>
<tr><td class="lisbot">Get Premium Support:</td><td><i aria-hidden="true" class="fa fa-times"></i></td><td><i aria-hidden="true" class="fa fa-check"></i></td></tr>
<tr><td class="lisbot"></td><td><span class="text-not"><i aria-hidden="true" class="fa fa-download"></i> Free not available</span></td><td><span class="text-yes"><i aria-hidden="true" class="fa fa-cart-plus"></i>Premium Available</span></td></tr>
</tbody> </table></div>4.Terakhir simpan template
Itulah tutorial cara membuat tabel keterangan pada postingan blog, semoga dapat bermanfa'at bagi kamu terimakasih.
