Tutorial membuat Tabel Spesifikasi Produk di Halaman Blogger
 |
| Tabel Spesifikasi Produk di Halaman Blogger |
Tabel Spesifikasi Produk
Tabel spesifikasi produk adalah tabel informasi seputar produk yang dicantumkan oleh produsen, sehingga dapat memberikan data lengkap pada penggunanya. Tujuannya sangat sederhana, agar pengguna mendapatkan data dan karakter lengkap produk yang digunakannya.
Untuk definisinya sendiri, spesifikasi produk adalah karakteristik total dari produk, baik berupa barang atau jasa, yang dapat memenuhi kebutuhan dan keinginan pelanggan yang Anda miliki. Karakter ini ditulis dengan lengkap atau disampaikan dengan jelas, sehingga bisa dimanfaatkan oleh pelanggan.
Tutorial
Bagaimana cara membuat tabel spesifkasi produk? Cara membuat tabel spesifikasi produk di halaman postingan blog, ikuti langkah-langkahnya sebagai berikut.Kode Script Tabel Spesifikasi Produk
- Pertama masuk ke Dashboard Blogger.
- Kemudian buat halaman postingan.
- Dalam tampilan editor pos, klik ikon di kiri bawah nama judul.
- Dua opsi akan muncul: 'Tampilan HTML' dan 'Tampilan menulis'.
- Pilih' Tampilan HTML. '.
- Langkah #1 - salin widget script di bawah ini, kemudian tempelkan di halaman postingan.
- Sesudah di copy paste widget script nya, silahkan rubah ke mode "Tampilan Menulis", untuk merubah kata-kata sesuai keinginan.
NB: Jangan lupa alamat link tombol socialnya, di ganti dengan alamat link anda - Terakhir Pratinjau dan Simpan.
typecode
<article
class="hentry post"
style='align-items: center; background-color: #fefefe; box-sizing: border-box; color: #48525c; font-family: "Noto Sans", sans-serif; font-size: 14px; margin-bottom: 50px; position: relative;'
>
<div
class="postShare"
style="border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top: 1px solid rgba(0, 0, 0, 0.05); box-sizing: border-box; font-size: 12.6px; margin: 25px 0px; padding: 15px 0px;"
>
<div
class="shareContent"
data-text="Share:"
style="align-items: center; box-sizing: border-box; display: flex; line-height: 1.8em;"
>
<div
class="shareIcon facebook"
style="box-sizing: border-box; margin-right: 20px;"
>
<a
aria-label="Share to Facebook"
href="https://www.facebook.com/sharer.php?u=https://sae.icu/"
rel="nofollow noreferrer"
role="button"
style="align-items: center; box-sizing: border-box; color: rgba(0, 0, 0, 0.5); display: flex; text-decoration-line: none;"
target="_blank"
title="Share to Facebook"
><svg viewbox="0 0 32 32">
<path
d="M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H17V18h4a1,1,0,0,0,0-2H17V14a2,2,0,0,1,2-2h2a1,1,0,0,0,0-2H19a4,4,0,0,0-4,4v2H12a1,1,0,0,0,0,2h3v9H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z"
></path></svg
></a>
</div>
<div
class="shareIcon whatsapp"
style="box-sizing: border-box; margin-right: 20px;"
>
<a
aria-label="Share to Whatsapp"
href="https://api.whatsapp.com/send?text=https://sae.icu/"
rel="nofollow noreferrer"
role="button"
style="align-items: center; box-sizing: border-box; color: rgba(0, 0, 0, 0.5); display: flex; text-decoration-line: none;"
target="_blank"
title="Share to Whatsapp"
><svg viewbox="0 0 32 32">
<g>
<path
d="M16,2A13,13,0,0,0,8,25.23V29a1,1,0,0,0,.51.87A1,1,0,0,0,9,30a1,1,0,0,0,.51-.14l3.65-2.19A12.64,12.64,0,0,0,16,28,13,13,0,0,0,16,2Zm0,24a11.13,11.13,0,0,1-2.76-.36,1,1,0,0,0-.76.11L10,27.23v-2.5a1,1,0,0,0-.42-.81A11,11,0,1,1,16,26Z"
></path>
<path
d="M19.86,15.18a1.9,1.9,0,0,0-2.64,0l-.09.09-1.4-1.4.09-.09a1.86,1.86,0,0,0,0-2.64L14.23,9.55a1.9,1.9,0,0,0-2.64,0l-.8.79a3.56,3.56,0,0,0-.5,3.76,10.64,10.64,0,0,0,2.62,4A8.7,8.7,0,0,0,18.56,21a2.92,2.92,0,0,0,2.1-.79l.79-.8a1.86,1.86,0,0,0,0-2.64Zm-.62,3.61c-.57.58-2.78,0-4.92-2.11a8.88,8.88,0,0,1-2.13-3.21c-.26-.79-.25-1.44,0-1.71l.7-.7,1.4,1.4-.7.7a1,1,0,0,0,0,1.41l2.82,2.82a1,1,0,0,0,1.41,0l.7-.7,1.4,1.4Z"
></path>
</g></svg
></a>
</div>
<div
class="shareIcon twitter"
style="box-sizing: border-box; margin-right: 20px;"
>
<a
aria-label="Share to Twitter"
href="https://twitter.com/share?url=https://sae.icu/"
rel="nofollow noreferrer"
role="button"
style="align-items: center; box-sizing: border-box; color: rgba(0, 0, 0, 0.5); display: flex; text-decoration-line: none;"
target="_blank"
title="Share to Twitter"
><svg viewbox="0 0 32 32">
<g>
<path
d="M13.35,28A13.66,13.66,0,0,1,2.18,22.16a1,1,0,0,1,.69-1.56l2.84-.39A12,12,0,0,1,5.44,4.35a1,1,0,0,1,1.7.31,9.87,9.87,0,0,0,5.33,5.68,7.39,7.39,0,0,1,7.24-6.15,7.29,7.29,0,0,1,5.88,3H29a1,1,0,0,1,.9.56,1,1,0,0,1-.11,1.06L27,12.27c0,.14,0,.28-.05.41a12.46,12.46,0,0,1,.09,1.43A13.82,13.82,0,0,1,13.35,28ZM4.9,22.34A11.63,11.63,0,0,0,13.35,26,11.82,11.82,0,0,0,25.07,14.11,11.42,11.42,0,0,0,25,12.77a1.11,1.11,0,0,1,0-.26c0-.22.05-.43.06-.65a1,1,0,0,1,.22-.58l1.67-2.11H25.06a1,1,0,0,1-.85-.47,5.3,5.3,0,0,0-4.5-2.51,5.41,5.41,0,0,0-5.36,5.45,1.07,1.07,0,0,1-.4.83,1,1,0,0,1-.87.2A11.83,11.83,0,0,1,6,7,10,10,0,0,0,8.57,20.12a1,1,0,0,1,.37,1.05,1,1,0,0,1-.83.74Z"
></path>
</g></svg
></a>
</div>
<div class="shareIcon shareButton" style="box-sizing: border-box;">
<label
style="align-items: center; box-sizing: border-box; color: rgba(0, 0, 0, 0.5); display: flex;"
><svg class="line" viewbox="0 0 24 24">
<circle cx="12" cy="12" r="10"></circle>
<line x1="12" x2="12" y1="8" y2="16"></line>
<line x1="8" x2="16" y1="12" y2="12"></line></svg
></label>
</div>
</div>
<div
class="shareInner"
style="align-items: center; bottom: 0px; box-sizing: border-box; display: flex; height: 1702.1px; justify-content: center; left: 0px; opacity: 0; position: fixed; right: 0px; transition: var(--transition-2); visibility: hidden; width: 979.951px; z-index: 25;"
>
<div
class="shareBlock"
style="background-color: var(--content-bg); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 8px -8px; box-sizing: border-box; margin: 0px auto -489.976px; max-height: 90%; max-width: 500px; overflow-y: auto; transition: inherit; width: calc(100% - 40px); z-index: 3;"
>
<ul
data-text="Share to other apps"
style="box-sizing: border-box; display: flex; flex-wrap: wrap; list-style: none; margin: 0px auto; padding: 25px; position: relative; width: 500px;"
>
<li
class="sharePreview"
style="box-sizing: border-box; margin-bottom: 10px; text-align: center; width: 450px;"
>
<div
class="preview"
style="background-color: rgba(0, 0, 0, 0.03); border-radius: 2px; box-sizing: border-box; color: inherit; display: flex; left: -25px; padding: 15px 25px; position: relative; width: calc(100% + 50px);"
>
<div
class="previewContent"
style="box-sizing: border-box; padding: 8px 0px 30px 15px; position: relative; text-align: left; width: calc(100% - 100px);"
>
<div
class="previewTitle"
data-text=""
style="-webkit-box-orient: vertical; -webkit-line-clamp: 2; box-sizing: border-box; display: -webkit-box; font-size: 14px; line-height: 1.5em; overflow: hidden;"
></div>
<div
class="previewLabel"
style="bottom: 8px; box-sizing: border-box; opacity: 0.7; position: absolute;"
></div>
</div>
</div>
</li>
<li
style="box-sizing: border-box; text-align: center; width: 112.5px;"
>
<a
aria-label="Telegram"
data-text="Telegram"
href="https://t.me/share/url?url=https://sae.icu/"
rel="nofollow noreferrer"
style="border-radius: 2px; box-sizing: border-box; display: block; padding: 15px 0px; text-decoration-line: none;"
target="_blank"
><svg viewbox="0 0 32 32">
<g>
<path
d="M24,28a1,1,0,0,1-.62-.22l-6.54-5.23a1.83,1.83,0,0,1-.13.16l-4,4a1,1,0,0,1-1.65-.36L8.2,18.72,2.55,15.89a1,1,0,0,1,.09-1.82l26-10a1,1,0,0,1,1,.17,1,1,0,0,1,.33,1l-5,22a1,1,0,0,1-.65.72A1,1,0,0,1,24,28Zm-8.43-9,7.81,6.25L27.61,6.61,5.47,15.12l4,2a1,1,0,0,1,.49.54l2.45,6.54,2.89-2.88-1.9-1.53A1,1,0,0,1,13,19a1,1,0,0,1,.35-.78l7-6a1,1,0,1,1,1.3,1.52Z"
></path>
</g></svg
></a>
</li>
<li
style="box-sizing: border-box; text-align: center; width: 112.5px;"
>
<a
aria-label="Pinterest"
data-pin-config="beside"
data-text="Pinterest"
href="https://pinterest.com/pin/create/button/?url=https://sae.icu/&media="
rel="nofollow noreferrer"
style="border-radius: 2px; box-sizing: border-box; display: block; padding: 15px 0px; text-decoration-line: none;"
target="_blank"
><svg viewbox="0 0 32 32">
<g>
<path
d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26a12,12,0,0,1-3.81-.63l1.2-4.81A7.93,7.93,0,0,0,16,23a8.36,8.36,0,0,0,1.4-.12,8,8,0,1,0-9.27-6.49,1,1,0,0,0,2-.35,6,6,0,1,1,3.79,4.56L15,16.24A1,1,0,1,0,13,15.76l-2.7,10.81A12,12,0,1,1,16,28Z"
></path>
</g></svg
></a>
</li>
<li
style="box-sizing: border-box; text-align: center; width: 112.5px;"
>
<a
aria-label="Linkedin"
data-text="Linkedin"
href="https://www.linkedin.com/sharing/share-offsite/?url=https://sae.icu/"
rel="nofollow noreferrer"
style="border-radius: 2px; box-sizing: border-box; display: block; padding: 15px 0px; text-decoration-line: none;"
target="_blank"
><svg viewbox="0 0 32 32">
<g>
<path
d="M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z"
></path>
<path
d="M11,14a1,1,0,0,0-1,1v6a1,1,0,0,0,2,0V15A1,1,0,0,0,11,14Z"
></path>
<path
d="M19,13a4,4,0,0,0-4,4v4a1,1,0,0,0,2,0V17a2,2,0,0,1,4,0v4a1,1,0,0,0,2,0V17A4,4,0,0,0,19,13Z"
></path>
<circle cx="11" cy="11" r="1"></circle>
</g></svg
></a>
</li>
<li
style="box-sizing: border-box; text-align: center; width: 112.5px;"
>
<a
aria-label="Tumblr"
data-text="Tumblr"
href="https://www.tumblr.com/share/link?url=https://sae.icu/"
rel="nofollow noreferrer"
style="border-radius: 2px; box-sizing: border-box; display: block; padding: 15px 0px; text-decoration-line: none;"
target="_blank"
><svg viewbox="0 0 32 32">
<g>
<path
d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z"
></path>
<path
d="M20,19a1,1,0,0,0-1,1,1,1,0,0,1-1,1H17a1,1,0,0,1-1-1V15h3a1,1,0,0,0,0-2H16V10a1,1,0,0,0-2,0v3H12a1,1,0,0,0,0,2h2v5a3,3,0,0,0,3,3h1a3,3,0,0,0,3-3A1,1,0,0,0,20,19Z"
></path>
</g></svg
></a>
</li>
<li
style="box-sizing: border-box; text-align: center; width: 112.5px;"
>
<a
aria-label="Line"
data-text="Line"
href="https://timeline.line.me/social-plugin/share?url=https://sae.icu/"
rel="nofollow noreferrer"
style="border-radius: 2px; box-sizing: border-box; display: block; padding: 15px 0px; text-decoration-line: none;"
target="_blank"
><svg viewbox="0 0 32 32">
<g>
<path
d="M16,2C8.28,2,2,7.38,2,14c0,5.48,4.34,10.24,10.44,11.6L12,28.87a1,1,0,0,0,.37.91A1,1,0,0,0,13,30a1,1,0,0,0,.35-.06C14,29.68,30,23.58,30,14,30,7.38,23.72,2,16,2ZM14.22,27.4l.33-2.47a1,1,0,0,0-.83-1.12C8.09,22.91,4,18.78,4,14,4,8.49,9.38,4,16,4S28,8.49,28,14C28,20.61,18.14,25.66,14.22,27.4Z"
></path>
<path
d="M10,15.25H8.75V12a.75.75,0,0,0-1.5,0v4a.76.76,0,0,0,.75.75h2a.75.75,0,0,0,0-1.5Z"
></path>
<path
d="M24,12.75a.75.75,0,0,0,0-1.5H22a.76.76,0,0,0-.75.75v4a.76.76,0,0,0,.75.75h2a.75.75,0,0,0,0-1.5H22.75v-.5H24a.75.75,0,0,0,0-1.5H22.75v-.5Z"
></path>
<path
d="M13,11.25a.76.76,0,0,0-.75.75v4a.75.75,0,0,0,1.5,0V12A.76.76,0,0,0,13,11.25Z"
></path>
<path
d="M19,11.25a.76.76,0,0,0-.75.75v1.75l-1.65-2.2a.75.75,0,0,0-1.35.45v4a.75.75,0,0,0,1.5,0V14.25l1.65,2.2a.75.75,0,0,0,.6.3.67.67,0,0,0,.24,0,.75.75,0,0,0,.51-.71V12A.76.76,0,0,0,19,11.25Z"
></path>
</g></svg
></a>
</li>
<li
style="box-sizing: border-box; text-align: center; width: 112.5px;"
>
<a
aria-label="Email"
data-text="Email"
href="mailto:?body=https://sae.icu/"
style="border-radius: 2px; box-sizing: border-box; display: block; padding: 15px 0px; text-decoration-line: none;"
target="_blank"
><svg class="line" viewbox="0 0 24 24">
<g>
<rect
height="16"
rx="5"
stroke-width="1.5"
width="20"
x="2"
y="4"
></rect>
<path
d="M90.15056,261.91842l1.082.83317a6.66376,6.66376,0,0,0,8.13139,0l1.02841-.79194"
stroke-width="1.5"
transform="translate(-83.27144 -252.82349)"
></path>
</g></svg
></a>
</li>
<li
style="box-sizing: border-box; text-align: center; width: 112.5px;"
>
<div
data-text="Copy link"
style="border-radius: 2px; box-sizing: border-box; color: inherit; padding: 15px 0px;"
>
<svg class="line" style="width: 25px;" viewbox="0 0 24 24">
<g>
<rect
height="16.45385"
rx="4"
stroke-width="1.5"
width="16.45385"
x="5.54615"
y="5.54615"
></rect>
<path
d="M171.33311,181.3216v-8.45385a4,4,0,0,1,4-4H183.787"
stroke-width="1.5"
transform="translate(-169.33311 -166.86775)"
></path>
</g>
</svg>
</div>
<input
id="getlink"
readonly="readonly"
style="border-color: initial; border-radius: 2px; border-style: initial; border-width: 0px; display: block; font-family: inherit; font-size: 12.6px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 0px; margin: 0px; opacity: 0; outline: 0px; padding: 0px; vertical-align: baseline; width: 1px;"
type="text"
value="https://sae.icu/"
/>
<div
class="shareNotif"
id="shareNotif"
style="border-radius: 2px; bottom: -42px; box-sizing: border-box; color: inherit; display: flex; left: 0px; margin: 0px; padding: 0px; position: fixed; right: 0px;"
></div>
</li>
<li
class="shareClose close"
style="box-sizing: border-box; position: absolute; right: 20px; text-align: center; top: 25px; width: auto; z-index: 1;"
>
<label
style="align-items: center; border-radius: 2px; box-sizing: border-box; color: inherit; display: flex; height: 19px; padding: 0px;"
><svg class="line" viewbox="0 0 24 24">
<line x1="18" x2="6" y1="6" y2="18"></line>
<line x1="6" x2="18" y1="6" y2="18"></line></svg
></label>
</li>
</ul>
</div>
<label
class="fullClose"
style="background: transparent; box-sizing: border-box; display: block; inset: 0px; opacity: 0; position: fixed; transition: var(--transition-1); visibility: hidden; z-index: 2;"
></label>
</div>
</div>
<div class="postInner" style="box-sizing: border-box; margin-top: 40px;">
<div class="postAd" style="box-sizing: border-box;"></div>
<div
class="postEntry"
id="postID-4899106061769901823"
style="box-sizing: border-box; font-size: var(--post-fontSize); line-height: 1.8em;"
>
<div class="postBody" id="postBody" style="box-sizing: border-box;">
<table
class="full"
style="border-spacing: 0px; border: 0px; font-size: 14px; margin: 0px auto; min-width: 70%; overflow: hidden;"
>
<tbody style="box-sizing: border-box;">
<tr style="box-sizing: border-box;">
<th
colspan="2"
scope="col"
style="background-color: transparent; border-radius: 2px 0px 0px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 17px 25px; text-align: center;"
>
<span style="box-sizing: border-box; font-size: large;"
>Samsung Galaxy Phone Specification</span
>
</th>
</tr>
</tbody>
<tbody style="box-sizing: border-box;">
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Network
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
GSM / HSPA / LTE
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
2G bands
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
GSM 850 / 900 / 1800 / 1900 - SIM 1 & SIM 2
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
3G bands
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
HSDPA 850 / 900 / 1900 / 2100
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
4G bands
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
LTE band 1(2100), 3(1800), 7(2600), 38(2600), 39(1900),
40(2300), 41(2500) - SM-J7008
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Speed
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
HSPA 21.1/5.76 Mbps
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
GPRS
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Yes
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
EDGE
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Yes
</td>
</tr>
<tr style="box-sizing: border-box;">
<th
colspan="2"
scope="col"
style="background-color: transparent; border-radius: 2px 0px 0px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 17px 25px; text-align: center;"
>
<span style="box-sizing: border-box; font-size: large;"
>OS And Hardware</span
>
</th>
</tr>
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
OS
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Android OS, v5.1.1 (Lollipop) || Custom UI
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Processor
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
<span style="box-sizing: border-box; text-align: justify;"
>Quad-core 1.5 GHz Cortex-A53</span
>
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Chipset
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Qualcomm MSM8916 Snapdragon 410
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
GPU
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Adreno 306
</td>
</tr>
<tr style="box-sizing: border-box;">
<th
colspan="2"
scope="col"
style="background-color: transparent; border-radius: 2px 0px 0px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 17px 25px; text-align: center;"
>
<span style="box-sizing: border-box; font-size: large;"
>Body</span
>
</th>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Dimensions
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
134.5 x 65.2 x 7.3 mm (5.30 x 2.57 x 0.29 in)
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Weight
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
132 g (4.66 oz)
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Colors
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
White, Black, Gold
</td>
</tr>
<tr style="box-sizing: border-box;">
<th
colspan="2"
scope="col"
style="background-color: transparent; border-radius: 2px 0px 0px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 17px 25px; text-align: center;"
>
<span style="box-sizing: border-box; font-size: large;"
>Display</span
>
</th>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Type
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Super AMOLED capacitive touchscreen, 16M colors
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Screen Size
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
4.7 inches (~69.4% screen-to-body ratio)
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Resolution
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
720 x 1280 pixels (~312 ppi pixel density)
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Multitouch
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Yes
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Protection
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Corning Gorilla Glass 4
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Sensors
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Accelerometer, Proximity, Compass
</td>
</tr>
<tr style="box-sizing: border-box;">
<th
colspan="2"
scope="col"
style="background-color: transparent; border-radius: 2px 0px 0px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 17px 25px; text-align: center;"
>
<span style="box-sizing: border-box; font-size: large;"
>Memory</span
>
</th>
</tr>
<tr
bgcolor="#ffffff"
class="config_table"
style="box-sizing: border-box;"
>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Card slot
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
microSD, up to 128 GB
</td>
</tr>
<tr
bgcolor="#FFFFFF"
class="config_table"
style="box-sizing: border-box;"
>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Internal
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
16 GB
</td>
</tr>
<tr
bgcolor="#ffffff"
class="config_table"
style="box-sizing: border-box;"
>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
RAM
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
1.5 GB
</td>
</tr>
<tr style="box-sizing: border-box;">
<th
colspan="2"
scope="col"
style="background-color: transparent; border-radius: 2px 0px 0px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 17px 25px; text-align: center;"
>
<span style="box-sizing: border-box; font-size: large;"
>Camera</span
>
</th>
</tr>
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Primary
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
13 MP, 4128 x 3096 pixels, autofocus, LED flash
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Features
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Geo-tagging, touch focus, face detection, panorama
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Video
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
1080p@30fps
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Secondary
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
5 MP
</td>
</tr>
<tr style="box-sizing: border-box;">
<th
colspan="2"
scope="col"
style="background-color: transparent; border-radius: 2px 0px 0px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 17px 25px; text-align: center;"
>
<span style="box-sizing: border-box; font-size: large;"
>Multimedia</span
>
</th>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Music play
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Yes
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Radio
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
FM Radio
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Games
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Yes
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Alert types
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Vibration; MP3, WAV ringtones
</td>
</tr>
<tr
bgcolor="#ffffff"
class="config_table"
style="box-sizing: border-box;"
>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Loudspeaker
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Yes
</td>
</tr>
<tr
bgcolor="#ffffff"
class="config_table"
style="box-sizing: border-box;"
>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
3.5mm jack
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Yes
</td>
</tr>
<tr style="box-sizing: border-box;">
<th
colspan="2"
scope="col"
style="background-color: transparent; border-radius: 2px 0px 0px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 17px 25px; text-align: center;"
>
<span style="box-sizing: border-box; font-size: large;"
>Battery and Power</span
>
</th>
</tr>
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Type
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Removable Li-Ion 3000 mAh battery
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Stand-by
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
42 Hours
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Talk time
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
12 Hours
</td>
</tr>
<tr
bgcolor="#ffffff"
class="config_table"
style="box-sizing: border-box;"
></tr>
<tr style="box-sizing: border-box;">
<th
colspan="2"
scope="col"
style="background-color: transparent; border-radius: 2px 0px 0px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 17px 25px; text-align: center;"
>
<span style="box-sizing: border-box; font-size: large;"
>Releasing Date</span
>
</th>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Announced
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
2015, December
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Status
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Releasing on 2015, December
</td>
</tr>
<tr
bgcolor="#ffffff"
class="config_table"
style="box-sizing: border-box;"
></tr>
<tr style="box-sizing: border-box;">
<th
colspan="2"
scope="col"
style="background-color: transparent; border-radius: 2px 0px 0px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 17px 25px; text-align: center;"
>
<span style="box-sizing: border-box; font-size: large;"
>Expected Price</span
>
</th>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
US Dollor
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
$200
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Bangladeshi Taka
</td>
<td
style="background-color: rgba(0, 0, 0, 0.01); border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
BDT15,000
</td>
</tr>
<tr style="box-sizing: border-box;">
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-radius: 0px 0px 0px 2px; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Indian Rs.
</td>
<td
style="border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-image: initial; border-left-color: rgba(0, 0, 0, 0.1); border-left-style: solid; border-radius: 0px 0px 2px; border-right-color: rgba(0, 0, 0, 0.1); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 1px 0px; box-sizing: border-box; padding: 20px 25px; vertical-align: middle;"
>
Rs. 13,000
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="postAd" style="box-sizing: border-box;"></div>
</div>
</article>
<div
class="postFooter"
style='background-color: #fefefe; box-sizing: border-box; color: #48525c; font-family: "Noto Sans", sans-serif; font-size: 14px;'
>
<div
class="relatedPosts"
style="box-sizing: border-box; line-height: 1.6em; margin: 40px 0px 50px;"
>
<div id="relatedPosts" style="box-sizing: border-box;">
<h3
class="title"
style="align-items: center; box-sizing: border-box; color: inherit; display: flex; font-family: var(--font-body); font-size: 15px; justify-content: space-between; margin: 0px 0px 40px; position: relative;"
>
<br />
</h3>
</div>
</div>
</div>
Demo
Contoh demo tampilan tabel spesifikasi produk.
Demikian cara membuat Tabel Spesifikasi Produk di Blogger, semoga bermanfaat.