Cara Membuat Tabel Spesifikasi di Postingan Blogspot

Cara Membuat Tabel Spesifikasi Blogspot - Tabel merupakan salah satu hal terpenting untuk membuat sebuah artikel maupun dokumen. Tabel biasa digunakan untuk suatu data yang tersusun ke bawah dalam kolom dan baris tertentu. Berbeda dengan Microsoft Word, pada versi sebelumnya Blogger sendiri belum menyediakan fitur tabel untuk sebuah artikel.

Pada kesempatan kali ini kami akan berbagi cara dalam membuat Tabel dalam postingan blog untuk tabel spesifikasi, cara ini telah saya coba ternyata mudah sekali membuatnya. Untuk membuat tabel spesifikasi kita perlu menambahkan kode pada html secara manual.

Cara Membuat Tabel Spesifikasi di Postingan Blogspot

1. Seperti biasa, pergi ke halaman Dashboard Blogger - >> Template - >> Edit HTML dan temukan kode ]]></b:skin> atau </style>

2. Salin dan tempel kode CSS tepat di atas ]]></b:skin> atau </style> berikut kode yang disediakan di bawah ini.

table{border-collapse:collapse;border-spacing:0;width:100%;max-width:100%;border-radius:10px;overflow:hidden;font-size:14px;line-height:1.5em}
table td, table caption{border:0;padding:5px 15px;text-align:left;vertical-align:top;color:#57606f;font-size:.9rem} 
table td:first-child{border-right:0} table th{background:#4d90fe;color:#fff;border:0;padding:10px 15px;text-align:left;vertical-align:top;font-size:15px} 
table tr th:hover{background:#3f51b5} table.tr-caption-container{border:0;margin:0} 
table caption{border:none;font-style:italic} td, th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:0} td a{background:transparent;color:#57606f;padding:3px 8px;font-size:70%;float:right;display:inline-block;border-radius:3px;text-transform:uppercase;box-shadow:0 2px 8px rgba(0,0,0,0.05);box-shadow:none} td a:hover{box-shadow:0 5px 11px rgba(0,0,0,0.15),0 3px 3px rgba(0,0,0,0.12)} td a[target="_blank"]:after{margin-left:5px} 
table.tr-caption-container td{border:0;padding:0;background:#fff;line-height:17px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#57606f} 
table.tr-caption-container,table.tr-caption-container img, table tr:nth-of-type(even) td{background-color:#f6f8f9} 
table tr:nth-of-type(odd) td{background-color:#f3f6f7} 
table tr td:nth-of-type(even){border-left:1px solid rgba(0,0,0,0.03)} 
table tr th:nth-of-type(even){border-left:1px solid rgba(255,255,255,0.03)} td.tr-caption{background:#465158!important;color:#fff!important;font-size:85%;padding:10px!important}

3. Lalu klik Simpan, untuk selanjutnya.

Cara Memasang Tabel Spesifikasi di Postingan Blog

1. Pilih Postingan yang akan di Tambah Tabel Spesifikasi

2. Masukan kode HTML berikut pada Postingan ( klik Mode HTML bukan Compose)

<h3>
  Spesifikasi Samsung Galaxy M30s</h3>
<table><tbody>
<tr><td colspan="2"><b>Umum</b></td></tr>
<tr><td>Smartphone</td><td>Galaxy M30s</td></tr>
<tr><td>Rilis</td><td>2019</td></tr>
<tr><td colspan="2"><b>Bodi</b></td></tr>
<tr><td>Dimensi</td><td>159 x 75.1 x 8.9 mm</td></tr>
<tr><td>Berat</td><td>188 gram</td></tr>
<tr><td>SIM</td><td>Dual SIM (Nano-SIM, dual stand-by)</td></tr>
<tr><td>Warna</td><td>Opal Black, Sapphire Blue, Pearl White</td></tr>
<tr><td colspan="2"><b>Layar</b></td></tr>
<tr><td>Tipe</td><td>Super AMOLED</td></tr>
<tr><td>Ukuran</td><td>6.4 inci</td></tr>
<tr><td>Resolusi</td><td>1080 x 2340 pixels</td></tr>
<tr><td>Kerapatan</td><td>403 ppi density</td></tr>
<tr><td>Pelindung</td><td>-</td></tr>
<tr><td colspan="2"><b>Platform</b></td></tr>
<tr><td>Sistem Operasi</td><td>Android 9.0 (Pie)</td></tr>
<tr><td>User Interface</td><td>One UI</td></tr>
<tr><td>Chipset</td><td>Exynos 9611 (10nm)</td></tr>
<tr><td>CPU</td><td>Octa-core (4×2.3 GHz Cortex-A73 &amp; 4×1.7 GHz Cortex-A53)</td></tr>
<tr><td>GPU</td><td>Mali-G72 MP3</td></tr>
<tr><td><b>Memori</b></td><td></td></tr>
<tr><td>RAM</td><td>4GB - 6GB</td></tr>
<tr><td>ROM</td><td>64GB - 128GB</td></tr>
<tr><td>Slot Memori</td><td>microSD, up to 1 TB</td></tr>
<tr><td colspan="2"><b>Kamera Utama</b></td></tr>
<tr><td>Kamera</td><td>48 MP, f/2.0 , PDAF</td></tr>
<tr><td>Ultra Wide</td><td>8 MP, f/2.2</td></tr>
<tr><td>Depth</td><td>5 MP, f/2.2</td></tr>
<tr><td>Fitur</td><td>LED flash, panorama, HDR</td></tr>
<tr><td>Video</td><td>2160p@30fps, 1080p@30fps, gyro-EIS</td></tr>
<tr><td colspan="2"><b>Kamera Depan</b></td></tr>
<tr><td>Kamera</td><td>16 MP, f/2.0</td></tr>
<tr><td>Fitur</td><td>HDR</td></tr>
<tr><td>Video</td><td>1080p@30fps</td></tr>
<tr><td colspan="2"><b>Jaringan</b></td></tr>
<tr><td>Data</td><td>GSM, HSPA, LTE-A</td></tr>
<tr><td>WLAN</td><td>Wi-Fi 802.11 a/b/g/n/ac, dual-band, Wi-Fi Direct, hotspot</td></tr>
<tr><td>Bluetooth</td><td>5.0, A2DP, LE</td></tr>
<tr><td>Lokasi</td><td>A-GPS, GLONASS, BDS</td></tr>
<tr><td colspan="2"><b>Port</b></td></tr>
<tr><td>USB</td><td>2.0, Type-C 1.0 reversible connector</td></tr>
<tr><td>Audio</td><td>3.5mm jack</td></tr>
<tr><td colspan="2"><b>Fitur</b></td></tr>
<tr><td>Sensor</td><td>Fingerprint (rear-mounted)</td></tr>
<tr><td></td><td>Accelerometer, gyro, proximity, compass</td></tr>
<tr><td colspan="2"><b>Baterai</b></td></tr>
<tr><td>Jenis</td><td>Non-removable Li-Po</td></tr>
<tr><td>Kapasitas</td><td>6000 mAh</td></tr>
<tr><td>Pengisian Daya</td><td>Fast Charging 15 Watt</td></tr>
<tr><td colspan="2"><b>Daftar Harga</b></td></tr>
<tr><td>Baru</td><td>Rp 2.750.000</td></tr>
<tr><td>Bekas</td><td>-</td></tr>
</tbody> </table>

3. Jika sudah silahkan anda Simpan atau bisa juga langsung di Publikasi

Hasil Tabel Spesifikasi

Umum
Smartphone	Galaxy M30s
Rilis	2019
Bodi
Dimensi	159 x 75.1 x 8.9 mm
Berat	188 gram
SIM	Dual SIM (Nano-SIM, dual stand-by)
Warna	Opal Black, Sapphire Blue, Pearl White
Layar
Tipe	Super AMOLED
Ukuran	6.4 inci
Resolusi	1080 x 2340 pixels
Kerapatan	403 ppi density
Pelindung	-
Platform
Sistem Operasi	Android 9.0 (Pie)
User Interface	One UI
Chipset	Exynos 9611 (10nm)
CPU	Octa-core (4×2.3 GHz Cortex-A73 & 4×1.7 GHz Cortex-A53)
GPU	Mali-G72 MP3
Memori
RAM	4GB - 6GB
ROM	64GB - 128GB
Slot Memori	microSD, up to 1 TB
Kamera Utama
Kamera	48 MP, f/2.0 , PDAF
Ultra Wide	8 MP, f/2.2
Depth	5 MP, f/2.2
Fitur	LED flash, panorama, HDR
Video	2160p@30fps, 1080p@30fps, gyro-EIS
Kamera Depan
Kamera	16 MP, f/2.0
Fitur	HDR
Video	1080p@30fps
Jaringan
Data	GSM, HSPA, LTE-A
WLAN	Wi-Fi 802.11 a/b/g/n/ac, dual-band, Wi-Fi Direct, hotspot
Bluetooth	5.0, A2DP, LE
Lokasi	A-GPS, GLONASS, BDS
Port
USB	2.0, Type-C 1.0 reversible connector
Audio	3.5mm jack
Fitur
Sensor	Fingerprint (rear-mounted)
	Accelerometer, gyro, proximity, compass
Baterai
Jenis	Non-removable Li-Po
Kapasitas	6000 mAh
Pengisian Daya	Fast Charging 15 Watt
Daftar Harga
Baru	Rp 2.750.000
Bekas	-

Demikian tentang Cara Membuat Tabel Spesifikasi di Postingan Blogger, jika anda memiliki masalah dan tidak berhasil silahkan tulis ulasan pada kolom komentar.

Baca Juga