Blog adalah salah satu media yang bisa diisi dengan berbagai macam informasi,blog atau web juga kadang menggunakan kolom tabel untuk menayangkan data-data tertentu agar lebih mudah dipahami oleh pembacanya.
Bagi anda yang terbiasa menulis menggunakan komputer atau laptop mungkin tidak asing lagi mengenai cara membuat suatu bentuk tabel, dimana misalnya pada MS Excel sudah disediakan fitur untuk membuat bermacam-macam tabel. Namun bagi penulis blog, tampaknya untuk membuat kolom tabel mesti menggunakan cara lain karena fitur tersebut sampai saat ini belum dijumpai pada toolbar blogger.
Meski begitu, sebetulnya hal ini bisa dibuat dengan mudah jika anda paham mengenai struktur html dan CSS. Bagi yang masih awam tentang html dan CSS, mungkin masih bingung mengenai cara membuat tabel di dalam postingan blog, namun bagi blogger-blogger kawakan mungkin hal itu tidak menjadi masalah. Bahkan tampilannya pun bisa diatur sedemikian rupa agar terlihat cantik dan menarik.
Nah, bagi anda yang ingin membuatnya namun masih bingung caranya, anda bisa simak tutorial sederhana membuat tabel kolom di postingan blog dari saya berikut ini. Untuk tampilannya kurang lebih seperti berikut ini:
Bagaimana cara membuatnya? Berikut langkah-langkahnya:
1. Buka akun blogger anda.
2. Pada isi postingan, jika hendak membuat tabel silahkan ganti mode penulisan dari compose menjadi mode html.
3. Setelahnya, masukkan kode berikut ini ke dalamnya:
<style>
table {background:#ffe599;width:100%;border:1px solid black}
th,td {height:10px;padding:5px;border:1px solid white}
th {background:black;color:white}
</style>
<br />
<table>
<tbody>
<tr>
<th>Judul kolom 1</th>
<th>Judul kolom 2</th>
<th>Judul kolom 3</th>
</tr>
<tr>
<td>daftar isi kolom</td>
<td>daftar isi kolom</td>
<td>daftar isi kolom</td>
</tr>
<tr>
<td>daftar isi kolom</td>
<td>daftar isi kolom</td>
<td>daftar isi kolom</td>
</tr>
<tr>
<td>daftar isi kolom</td>
<td>daftar isi kolom</td>
<td>daftar isi kolom</td>
</tr>
</tbody>
</table>
| Judul kolom 1 | Judul kolom 2 | Judul kolom 3 |
|---|---|---|
| daftar isi kolom | daftar isi kolom | daftar isi kolom |
| daftar isi kolom | daftar isi kolom | daftar isi kolom |
.
.
0 Komentar untuk "Cara Menyelipkan Kode HTML Pada Postingan Blog"