CSS Tabel Keren Kirito Blog's

Sob.....Kirito Hadir Dengan CSS Baru Nih...
Membuat Tabel Dengan CSS..

Header 1	Header 2	Header 3
kolom 1 baris 1	kolom 2 baris 1	kolom 3 baris 1
kolom 1 baris 2	kolom 2 baris 2	kolom 3 baris 2
kolom 1 baris 3	kolom 2 baris 3	kolom 3 baris 3
kolom 1 baris 4	kolom 2 baris 4	kolom 3 baris 4

Langkah Pembuatan :

• Masuk Blogger
• Pilih Template > Edit HTML
• Cari Kode /b:skin
• Pastekan Kode Dibawah Ini Tepat Diatasnya

<!-- Start Nice Table kiritoblogs.blogspot.com--> table th {padding-top: 7px;text-align: left;} .nice-table {border-collapse: collapse;border-spacing: 0;} .nice-table tr:first-child th {border-top: 0 none;} .nice-table th:first-child {border-left: 0 none;} .nice-table tr:first-child th:last-child {border-right-color: #006acc;} .nice-table th {background-color: #006acc;color: black;font-weight: bold;} .nice-table th, .nice-table td {border: 1px solid #000;padding: 3px 10px;} .nice-table td {background-color: #0e0e0e; border-color: #0e0e0e #0e0e0e #0e0e0e #0e0e0e;color: #006acc;} .nice-table td:last-child { border-right-color: #0e0e0e;} .nice-table tr:nth-of-type(2n) td { background-color: #000; border-right-color: #0e0e0e;} .nice-table.spaced-table td, .nice-table.spaced-table th {padding: 10px;} .nice-table.wide {width: 95%;} .nice-table.narrow {width: 75%;} .nice-table.narrower {width: 50%;} .nice-table.narrowest {width: 35%;} <!-- End Nice Table kiritoblogs.blogspot.com--> Kemudian Penerapannya :

• Masuk Entri / Laman
• Pilih HTML ( Jangan Compose )
• Pastekan Kode Berikut Ini

<table class="nice-table" width="100%" ><tbody> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> </tr> <tr> <td>kolom 1 baris 1</td> <td>kolom 2 baris 1</td> <td>kolom 3 baris 1</td> </tr> <tr> <td>kolom 1 baris 2</td> <td>kolom 2 baris 2</td> <td>kolom 3 baris 2</td> </tr> <tr> <td>kolom 1 baris 3</td> <td>kolom 2 baris 3</td> <td>kolom 3 baris 3</td> </tr> <tr> <td>kolom 1 baris 4</td> <td>kolom 2 baris 4</td> <td>kolom 3 baris 4</td> </tr> </tbody> </table>

• Simpan Dan Lihat Hasilnya

Posted by Unknown on - Rating: 5.0

Title : CSS Tabel Keren Kirito Blog's
Description : Sob.....Kirito Hadir Dengan CSS Baru Nih... Membuat Tabel Dengan CSS.. Header 1 Header 2 Header 3 kolom 1 baris 1 kolom 2 baris...

Share to

Facebook Google+ Twitter