situs nonton bioskop online streaming film gratis sub indonesia situs poker online poker88 agen poker terpercaya
  1. bioskop online
  2. poker online
  3. poker88
  4. dewapoker
  5. 18dewa
  6. tunaspoker
  7. bigpoker88
  8. singapoker
  9. domino88
  10. 18dewapoker
  11. idn poker88
  12. big poker88
  13. bandar poker
  14. poker369
  15. slot online
  16. Tunas poker
  17. poker99
  18. Idn Poker
  19. 18Dewa

4/11/2019

Cara Mudah Menyisipkan Tabel Pada Postingan

4/11/2019

Cara mudah menyisipkan tabel pada postingan - Dalam menerbitkan artikel terkadang membutuhkan sebuah tabel untuk menguatkan isi dari artikel tersebut. Dengan adanya tabel maka pembaca akan lebih mudah untuk menemukan informasi yang dibutuhkannya.

Misalnya saja untuk artikel atau blog yang mereview tentang smartphone, maka kehadiran tabel akan diperlukan untuk menyajikan data tentang spesifikasi dari smartphone tersebut.

Dengan adanya tabel maka pembacaan data akan lebih mudah dan sederhana, dibandingkan dengan data tersebut ditulis dalam suatu paragraf. Kebayang kan rumitnya jika data smartphone seperti kapasitas batere, ram, rom, ukuran layar, dan lain sebagainya dijabarkan dalam sebuah paragraf.

Pastinya akan terlihat kompleks dan susah untuk langsung mencernanya. Berbeda jika ditampilkan dalam suatu tabel, pastin akan lebih cepat "menangkap" nya. Disamping itu juga akan lebih mudah dan cepat jika akan membandingkannya dengan produk lainnya.

Tentunya ini tidak hanya untuk blog yang mengulas tentang smartphone saja ya temans. Temans juga bisa menampilkan tabel pada artikel yang dirasa perlu untuk menggunakan tabel. Misalnya saja menampilkan daftar skor liga sepakbola, atau daftar peserta liga sepakbola, atau lainnya.

Bagi temans yang masih bingung bagaimana cara menyisipkan tabel pada postingan khususnya pengguna platform blogger, silahkan diteruskan baca artikel ini hingga selesai ya.

Cara membuat tabel


Sebelumnya Saya berpikiran bahwa kalau membuat tabel untuk disisipkan pada artikel adalah dengan cara membuatnya terlebih dahulu pada excel atau word. Jika sudah jadi baru di copy dan dipastekan pada draft artikel. Bisakah dengan cara seperti itu?



Bisa saja sih, namun untuk hasilnya ya kadang berantakan gitu dan ribet banget deh hehee. Dan cara tersebut memang cara yang salah alias tidak direkomendasikan ya temans, jadi jangan ditiru hihi...

Segala hal bagi yang sudah tahu adalah mudah, namun bagi yang belum tahu adalah susah. kesulitan akan tetap menjadi ksulitan jika tidak berusaha untuk menemukan jalan keluarnya. Oiya silahkan baca juga artikel cara membuat komentar disqus di blogger ya.

Oleh karena itu temans, Saya waktu itu mencari cara yang sederhana untuk membuat tabel dalam postingan khususnya untuk platform blogpot. Dan jika temans saat ini menemukan kendala seperti yang Saya alami waktu itu, temans bisa mengikuti langkah dibawah ini saja ya :

  • Masuk ke dashboard blogger
  • Pilih menu edit HTML
  • Kemudian Copy kode berikut ini :


/* Post Table */

.post-body table {width:100%;}

.post-body table td,.post-body table caption{background-color:#fafafa;border:1px solid #e3e3e3;padding:10px;text-align:left;vertical-align:top}

.post-body table th {border:1px solid #6f7cb0;padding:10px;text-align:left;vertical-align:top;}

.post-body table.tr-caption-container {border:1px solid #d9534f;}

.post-body th{font-weight:700;}

.post-body table caption{border:none;font-style:italic;}

.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #8bc34a;}

.post-body th{background:#8593cc;color:#fff;}

.post-body th:hover{background:#6f7cb0;}

.post-body td a{color:#444;}

.post-body td a:hover{color:#cf4d35;}

.post-body table.tr-caption-container td {border:none;padding:8px;}

.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}

.post-body li {list-style-type:square;}

.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}

.sr {visibility:hidden;width:0;height:0;}

  • Setelah itu paste-kan kode tersebut diatas kode ]]></b:skin> atau pada bagian blok kode CSS
  • Kemudian simpan tema

Nah jika temans sudah melakukan cara diatas dan tidak terjadi kesalahan template HTML nya berarti temans sudah berhasil melalui tahapan pertama hehe.

Namun untuk memunculkan tabel pada postingan tidak hanya berhenti disini saja ya. Pada saat akan membuat tabel di postingan, temans bisa memasukan kode berikut pada draft artikel dan pastikan berada pada posisi HMTL ya :


<table cellpadding="0" cellspacing="0" style="text-align: left;">

    <tbody>

        <tr>

            <th>Table Header 1</th>

            <th>Table Header 2</th>

            <th>Table Header 3</th>

        </tr>

        <tr>

            <td>Division 1</td>

            <td>Division 2</td>

            <td>Division 3</td>

        </tr>

        <tr>

            <td>Division 1</td>

            <td>Division 2</td>

            <td>Division 3</td>

        </tr>

        <tr>

            <td>Division 1</td>

            <td>Division 2</td>

            <td>Division 3</td>

        </tr>

    </tbody>

</table>



Nah sekarang jadi lebih tahu kan cara menyisipkan tabel pada postingan. Dengan begitu temans akan lebih mudah menyampaikan segala yang ada dipikiran yang dituangkan ke dalam artikel termasuk juga dalam penggunaan tabel. Semoga bermanfaat ya.