menu melayang

POP UP NOTIFIKASI PEMBELI

Jumat, 09 Juni 2023

Cara Membuat Tabel Spesifikasi Smartphone Di Blogger

Cara Membuat Tabel Spesifikasi Smartphone Di Blogger iptahudin, iptahudin.com
Cara Membuat Tabel Spesifikasi Smartphone Di Blogger - Tabel Spesifikasi ini biasanya digunakan oleh orang yang membuat website tentang gadget, elektronik, dan lain sebagainya. Tabel spesifikasi sangat penting digunakan agar pembaca lebih mengerti tentang spesifikasi apa yang sedang anda bahas

Baca Juga Artikel Terkait : 

Tentunya tabel spesifikasi smartphone ini wajib dipasangkan di situs anda yang membahas tentang teknologi, dan pengunjung pun terasa nyaman saat membaca artikel yang anda buat. Tabel spesifikasi smartphone yang akan saya bagikan tentu tidak memberatkan loading blog anda. Daripada panjang lebar, mari simak tutorial yang akan saya berikan kali ini

Cara Membuat Tabel Spesifikasi Smartphone di Blogger

Langkah 1 : Login ke akun Blogger anda

Langkah 2 : Cari menu Tema Edit HTML

Langkah 3 : Letakkan kode yang saya berikan dibawah ini tepat diatas ]]></b:skin> atau </style>


/* Tabel Spesifikasi Responsive */
table,caption,tbody{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
table{border-collapse:collapse;border-spacing:0;}
.post-body table td,.post-body table caption{border:1px solid #e9e9e9;padding:7px;text-align:left;vertical-align:top;}
.post-body table tr th {border:1px solid #6f7785;color:#fff;padding:8px 10px;text-align:left;vertical-align:top;font-size:16px}
.post-body table th {background:#747d8c;}
.post-body table tr th:hover{background:#57606f}
.post-body table.tr-caption-container {border:1px solid #f6f8f9;}
.post-body table caption{border:none;font-style:italic;}
.post-body td, .post-body th{color:#57606f;vertical-align:top;text-align:left;font-size:15px;padding:3px 5px;}
.post-body table tr:nth-child(even) > td {background-color:#ecf0f1;}
.post-body table tr:nth-child(odd) > td {background-color:#f6f8f9;}
.post-body td a{color:#768187;padding:0 6px;font-size:85%;float:right;display:inline-block;border-radius:3px}
.post-body td a:hover {color:#7f9bdf;border-color:#adbce0;}
.post-body td a[target="_blank"]:after {margin-left:5px;}
.post-body table.tr-caption-container td {border:none;padding:8px;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
table {max-width:100%;width:100%;margin:1.5em auto;}
table.section-columns td.first.columns-cell{border-left:none}
table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
table.columns-2 td.columns-cell{width:50%}
table.columns-3 td.columns-cell{width:33.33%}
table.columns-4 td.columns-cell{width:25%}
table.section-columns td.columns-cell{vertical-align:top}
table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:80%}
.post-body table tr:hover td {background:#b0b1b4;color:#FFFFFF;border-top: 1px solid #22262e;}
table tr:nth-child(odd):hover td {background:#b0b1b4;}

Langkah 4 : Untuk menerapkannya di dalam postingan blog anda, anda cari menu Postingan Entry Baru HTML (Jangan Compose). Kemudian letakkan kode di bawah ini di menu HTML


<table cellpadding="0" cellspacing="0" style="text-align: left;"><tbody>
<tr><th colspan="2" scope="col" style="text-align: center;">Spesifikasi VIVO V15 PRO</th></tr>
<tr><td>NETWORK</td><td>GSM / HSPA / LTE</td> </tr>
<tr><td>LAUNCH</td><td>2019, February</td> </tr>
<tr><td>SIM</td><td>Dual SIM (Nano-SIM, dual stand-by)</td> </tr>
<tr><td>MEMORY</td><td>microSD, up to 256 GB (dedicated slot)</td> </tr>
<tr><td>BATTERY</td><td>Non-removable Li-Po 3700 mAh battery</td> </tr>
<tr><th colspan="2" scope="col" style="text-align: center;">OS & Hardware</th></tr>
<tr><td>OS</td><td>Android 9.0 (Pie); Funtouch 9</td> </tr>
<tr><td>Chipset</td><td>Qualcomm SDM675 Snapdragon 675 (11 nm)</td> </tr>
<tr><td>CPU</td><td>Octa-core (2x2.0 GHz Kryo 460 Gold &amp; 6x1.7 GHz Kryo 460 Silver)</td> </tr>
<tr><td>GPU</td><td>Adreno 612</td> </tr>
<tr><th colspan="2" scope="col" style="text-align: center;">BODY</th></tr>
<tr><td>Dimensions</td><td>157.3 x 74.7 x 8.2 mm (6.19 x 2.94 x 0.32 in)</td> </tr>
<tr><td>Weight</td><td>185 g (6.53 oz)</td> </tr>
<tr><td>Build</td><td>Front glass, plastic body</td> </tr>
<tr><th colspan="2" scope="col" style="text-align: center;">MAIN CAMERA</th></tr>
<tr><td>Triple</td><td>48 MP, f/1.8, 1/2", 0.8┬Ám, PDAF, 8 MP, f/2.2, 13mm (ultrawide), 5 MP, f/2.4, depth sensor</td> </tr>
<tr><td>Features</td><td>LED flash, HDR, panorama</td> </tr>
<tr><td>Video</td><td>2160p@30fps, 1080p@30/60fps</td> </tr>
<tr><th colspan="2" scope="col" style="text-align: center;">SELFIE CAMERA</th></tr>
<tr><td>Single</td><td>Motorized pop-up 32 MP, f/2.0</td> </tr>
<tr><td>Features</td><td>HDR</td> </tr>
<tr><td>Video</td><td>1080p@30fps</td> </tr>
</tbody> </table>

Langkah 5 : Selesai

Demo (https://www.teknoloque.my.id/2020/08/oppo-reno4.html)

Itulah langkah – langkah Cara Membuat Tabel Spesifikasi Smartphone Di Blogger, semoga dengan adanya artikel ini bisa membantu anda yang sedang mencari tabel spesifikasi yang responsive, jika masih ada pertanyaan tentang tutorial ini silahkan komentar dibawah ini. Semoga bermanfaat


MAU BELAJAR DIGITAL MARKETING


Pengalaman Kami memiliki pengalaman bertahun-tahun, dan menghasilkan ratusan video..


Kualitas tinggi Beberapa desain video kami telah menghasilkan puluhan rupiah.


Cepat Anda tidak perlu menunggu lama, Karena sudah ada jadwal pelatihan.


Fasilitas Template Tidak hanya mendesain video, kami juga Memberikan template Anda.

Blog Post

Related Post

Back to Top

Translate


Cari Artikel

Arsip Blog

tag

Jasa video animasi Arsitektur & Desain, Jasa video animasi Buku Bangunan, Jasa video animasi Buku Codes & Standars, Jasa video animasi Buku Dekorasi & Ornamen, Jasa video animasi Buku Desain Dapur, Jasa video animasi Buku Desain Kamar, Jasa video animasi Buku Desain Ruang Keluarga, Jasa video animasi Buku Desain Ruang Tamu, Jasa video animasi Buku Desain Rumah, Jasa video animasi Buku Interior & Eksterior, Jasa video animasi Buku Metode, Jasa video animasi Buku Taman, Jasa video animasi Material Bangunan, Jasa video animasi Buku Hukum, Jasa video animasi Buku Gender & Hukum, Jasa video animasi Buku Hukum Dagang, Jasa video animasi Buku Hukum Perdata, Jasa video animasi Buku Hukum Internasional, Jasa video animasi Buku Hukum Pidana, Jasa video animasi Buku Kemanusiaan, Jasa video animasi Buku Politik & Hukum, Jasa video animasi Kumpulan Peraturan Perundang-Undangan, Jasa video animasi UUD 1945, Jasa video animasi Buku Import, Jasa video animasi Agriculture Book Import, Jasa video animasi Art & Novel Import, Jasa video animasi Child & Teenager Book Import, Jasa video animasi Computer Book Import,