Cara Membuat Tabel Spesifikasi di Postingan Blogspot

  • Share

Cara Membuat Tabel Spesifikasi Blogspot – Tabel merupakan salah satu hal yang 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. Terutama untuk sebuah postingan spesifikasi, seperti contoh spesifikasi smartphone pada umumnya.

Pada kesempatan kali ini kami akan berbagi cara dalam membuat Tabel dalam postingan blog untuk tabel spesifikasi, cara ini telah saya coba dan hasilnya pun cukup bagus tidak hanya itu ternyata mudah sekali membuatnya. Untuk membuat tabel spesifikasi kita hanya perlu menambahkan beberapa kode saja pada html atau template blogger dengan cara manual. Untuk membuat nya ikuti langkah berikut yang sudah kami sediakan di bawah ini.

Membuat Tabel Spesifikasi

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

Maka hasilnya akan seperti di bawah ini.

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.

  • Share

Leave a Reply

Your email address will not be published. Required fields are marked *