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 Blogger

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
SmartphoneGalaxy M30s
Rilis2019
Bodi
Dimensi159 x 75.1 x 8.9 mm
Berat188 gram
SIMDual SIM (Nano-SIM, dual stand-by)
WarnaOpal Black, Sapphire Blue, Pearl White
Layar
TipeSuper AMOLED
Ukuran6.4 inci
Resolusi1080 x 2340 pixels
Kerapatan403 ppi density
Pelindung-
Platform
Sistem OperasiAndroid 9.0 (Pie)
User InterfaceOne UI
ChipsetExynos 9611 (10nm)
CPUOcta-core (4×2.3 GHz Cortex-A73 & 4×1.7 GHz Cortex-A53)
GPUMali-G72 MP3
Memori
RAM4GB - 6GB
ROM64GB - 128GB
Slot MemorimicroSD, up to 1 TB
Kamera Utama
Kamera48 MP, f/2.0 , PDAF
Ultra Wide8 MP, f/2.2
Depth5 MP, f/2.2
FiturLED flash, panorama, HDR
Video2160p@30fps, 1080p@30fps, gyro-EIS
Kamera Depan
Kamera16 MP, f/2.0
FiturHDR
Video1080p@30fps
Jaringan
DataGSM, HSPA, LTE-A
WLANWi-Fi 802.11 a/b/g/n/ac, dual-band, Wi-Fi Direct, hotspot
Bluetooth5.0, A2DP, LE
LokasiA-GPS, GLONASS, BDS
Port
USB2.0, Type-C 1.0 reversible connector
Audio3.5mm jack
Fitur
SensorFingerprint (rear-mounted)
Accelerometer, gyro, proximity, compass
Baterai
JenisNon-removable Li-Po
Kapasitas6000 mAh
Pengisian DayaFast Charging 15 Watt
Daftar Harga
BaruRp 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

Komentar

Previous Post Next Post