Iklan Responsive disini

Saturday, May 31, 2014

Widget Tabel pada Blog

Hai para blogger,
Berikut ini widget tabel pada blog.
Seperti biasa, login pada blogger.com dan masuk pada blog anda. Pilih layout dan klik "add gadget". Didalamnya anda cari javascript / html. Terus masukkan kode script dibawah ini.
Berikut ini script nya :
<style type="text/css">
    table.tableizer-table {
    border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif
    font-size: 12px;
}
.tableizer-table td {
    padding: 4px;
    margin: 3px;
    border: 1px solid #ccc;
}
.tableizer-table th {
    background-color: #104E8B;
    color: #FFF;
    font-weight: bold;
}
</style><center><span style="color:#000099;"><b>JUDUL TABEL <br />(updated : TANGGAL )<br /></b></span></center><br /><table class="tableizer-table"><tbody><tr class="tableizer-firstrow"><th>TITEL</th><th>TITEL1</th><th>TITEL2</th><th>TITEL3</th><th>TITEL4</th><th>TITEL5</th></tr> <tr><td><span style="color:#000099;">NAMA1</span></td><td><span style="color:#000099;">DATA1</span></td><td><span style="color:#000099;">DATA2</span></td><td><span style="color:#000099;">DATA3</span><br /></td><td><span style="color:#000099;">DATA4</span></td><td><span style="color:#000099;">DATA5</span></td></tr> <tr><td><span style="color:#000099;">NAMA2</span></td><td><span style="color:#000099;">DATA1<br /></span></td><td><span style="color:#000099;">DATA2</span></td><td><span style="color:#000099;">DATA3</span></td><td><span style="color:#000099;">DATA4</span></td><td><span style="color:#000099;">DATA5</span></td></tr> <tr><td><span style="color:#000099;">NAMA3</span></td><td><span style="color:#000099;">DATA1</span></td><td><span style="color:#000099;">DATA2</span></td><td><span style="color:#000099;">DATA3</span></td><td><span style="color:#000099;">DATA4</span></td><td><span style="color:#000099;">DATA5</span></td></tr></tbody></table>
copy semua script di atas ke dalam "javascript / html". Untuk warna, dapat disesuaikan dengan kebutuhan. Selamat mencoba ya
Demikian widgetnya.
Wassalam

No comments:

Post a Comment