Cara Membuat Border Tabel Dengan Style CSS dan HTML

Cara Membuat Border Tabel Dengan Style CSS dan HTML di postingan Blogger - Hallo sobat..... di kesempatan kali ini akan membahas cara membuat tabel Dengan Style CSS dengan HTML di blog atau blogger yang sangat keren dan responsive. 

Cara yang di berikan ini nanti menggunakan code / script HTML, saat memasang code pada postingan harus kalian ubah terlebih dahulu menjadi mode HTML ya. 

{tocify} $title={Table of Contents}

Ada dua mode penulisan di postingan blog / blogger 


1. Mode menulis (compess) adalah membuat / menulis postingan dengan menggunakan huruf (abjat), angka, simbool  dan yang laianya, sama halnya menulis pada lember kertas atau buku.

2. Mode HTML adalah membuat / menulis postingan di blog atau blogger dengan menggunakan code - code script html atau sejenisnya, ketika mode html di ubah menjadi mode penulis maka hasilnya sama dengan mode tertuils.

Nah itu lah dua mode cara menulis pada postingan blogger. Dengan taunya dua mode di atas sekarang kalian tidak lagi kebingguna. 


Yuk sekarang kita membahas kembali Cara Membuat Border Tabel warna Dengan Style CSS dan HTML yang sangat sederhana, responsive dan keran pastinya. Membuat tabel ini nanti harus memasang kode di HTML Tema dan HTML postingan blog.

Cara memasang kode HTML di Tema blog / blogger 

1. Masuk dasbor blogger https://www.blogger.com/ dengan log in Email 
2. Pilih menu Tema
3. Masukan kode css di <style> atau penempatan kode css, cara mencarinya tekan CTRL + F bersamaan, maka akan muncul search ketik <style> atau yang lain.

Code css tabel di Tema



table { 
border-collapse:collapse;
border: 1px solid #999;  
font-family:Arial, sans-serif;
font-size:16px;
width:100%;
caption-side: top;
}
caption, table th {
font-weight:bold;
padding:10px;
color:#fff;
background-color:#2A72BA;
border-top:1px black solid;
border-bottom:1px black solid;
}
caption, table td {
padding:10px;
border-top:1px black solid;
border-bottom:1px black solid;
text-align:center; 
}   
caption {
font-weight: bold;
font-style: italic;
}
table .left {
text-align: left;
padding: 7px;
{alertInfo}


4. Lalu save, langkah selanjutnya kita memasang HTML pada postingan

Membuat Border Tabel Dengan Style CSS dan HTML 

1. Masuk di dasbor blogger
2. Buat postingan 
3. Ubah penulisan menjadi HTML
4. Masukan kode HTML kode di bawah ini


Code HTML tabel di postingan 

<table width="600"><thead>
<tr>
<th class='center'> Nama</th>
<th class='center'>Email</th>
<th class='center'>Number Telp</th>
</tr></thead>
<tr>
<td>anangzd</td>
<td>anangzd@admin.com</td>
<td>(+62) 856773523536</td>
</tr>
<tr>
<td>admin</td>
<td>admin@guest.com</td>
<td>(+62) 85674634446</td>
</tr>
</table> {alertInfo}

5. Lalu publikasikan, lihat hasilnya pada postingan blogger

Bagaiman sangat mudah sekali bukan cara membuat tabel pada postingan blog atau blogger, semoga panduan yang di buat ini dapat bermanfaat buat kalian, terima kasih sudah berkunjung.
Bagikan:

Post a Comment

Top Ads

Bottom Ads