November 20, 2019

CARA MEMBUAT TABEL SEDERHANA DAN RESPONSIF DI BLOGGER

tabel data
tabel data
Adakalanya kita ingin serius pada saat membuat konten tutorial, dan menampilkan presentasi dengan data standar yang dapat dibaca dan di fahami oleh pengunjung, misalnya pada saat menampilkan data dengan singkat dan tidak perlu menjabarkannya dengan text dan kalimat kalimat yang mungkin akan membuat pembaca menafsirkannya berbeda beda.

Untuk itu kita perlu tabel, statistik, matrix dan sebagainya. Contoh dibawah adalah ketika saya ingin menjelaskan bagaimana hasil ujian belajar bahasa program Python online cukup hanya melalui sebuah tabel:

Nilai Ujian Python (Bahasa Program)

Nama panggilan Nama Lengkap Nilai Ujian
SofyanAvatar Sofyan Ya-an 50
AnissaAvatar Anissa Auliasari 94
AdelinaAvatar Adelina Sofyan 67

Data dalam bentuk tabel diatas lebih mampu mempresentasikan data pribadi orang dan juga nilai yang mereka dapatkan misalnya dalam ujian bahasa program python. Cara penerapannya adalah sbagai berikut:
  1. Masuk ke dasbor blogger, silahkan mulai menulis dengan mengklik "compose"  dan ketika akan memasukan kode tabel kalian harus beralih ke mode HTML.
  • Cara Compose:
    compose dan HTML1

    1. Cara HTML:
      compose dan HTML2
    2. Pada mode HTML letakan kode berikut dibawah ini tepat dibawah tulisan compose:
    <style>
    table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
    }
    th, td {
    text-align: left;
    padding: 16px;
    }
    tr:nth-child(even) {
    background-color: #E6E6FA;
    }
    </style>
    </head>
    <body>
    <h2>Nilai Ujian Python (Bahasa Program)</h2>
    <table>
    <tr>
    <th>Nama panggilan</th>
    <th>Nama Lengkap</th>
    <th>Nilai Ujian</th>
    </tr>
    <tr>
    <td>Sofyan</td>
    <td>Sofyan Ya-an</td>
    <td>50</td>
    </tr>
    <tr>
    <td>Anissa</td>
    <td>Anissa Auliasari</td>
    <td>94</td>
    </tr>
    <tr>
    <td>Adel</td>
    <td>Adelina Sufyan</td>
    <td>67</td>
    </tr>
    </table>
    Save template dan preview hasilnya. Sampai saat ini kelemahan blogger adalah belum adanya tool pembuat tabel, statistik dan atau matrix seperti layaknya yang terdapat pada aplikasi perkantoran dengan format 'word processor". Jadi kita memang harus membuatnya secara manual. Padahal tool tersebut bisa sangat berguna bagi blogger niche pendidikan, tutorial, penelitian dst...

    Dan nilai di atas tidak membuktikan bahwa kaum cowok lebih unggul dalam mata pelajaran programming, atau matimatika kalkulus bahkan terlihat jelas dua cewek nilainya lebih tinggi. LOL.

    I am just an ordinary, and when everything comes, like a plenty of leaves fall, I will not leave it behind me.. I am a student of Senior high school in Bandar Lampung

    2 comments:

    1. Saya pernah coba - coba membuat tabel di blogger, dng cara manual saja sih. Tapi ....Kayaknya lebih bagus lagi kalau pakai kode kode html diatas yah,,,hasilnya lebih bagus.

      ReplyDelete
    2. Wah cukup njlimet juga ya mas, tapi bagi yang telaten dan ahli kode kode bginian dijamin keren
      Walaupun klo ada penjelasan dg tabel sy nyerah dan langsung menscreet shoot sj dari tampilan media lain

      ReplyDelete