Cara Membuat Tabel Di Blog Seperti Arlinadzgn

Image Google

Cara Membuat Tabel Di Blog Seperti Arlinadzgn. Hallo teman-teman kali ini saya akan membagikan bagaimana cara membuat tabel keterangan di artikel blog anda seperti punya Arlinadzgn, pasti sudah tau kan gimana cakep nya tabel tersebut, disini saya akan membagikanya dengan edit di HTML blogger kalian.

penggunaan tabel keterangan yang bagus sangat menjadi kepuasan tersendiri sebagai pembaca setia blog kalian, jika tabel yang diberikan bagus makan akan sangat nyaman jika kita membaca sambil memahami, begitu juga sebaliknya jika tabel keterangan kita acak-acakan pasti males banget bagi pembaca blog kita, contoh lihat dibawah.

Features	Tabel
100% SEO Friendly	url here
Google Testing Validator	CPM, CPC, CPA
Mobile Friendly	Banner, Rich media, pop up/under, text
Responsive	Paypal
Top Navigation	Paypal $20
Nivo Slider	100%
Apps Widget	NET 30
Breadcrumbs	Seluruh negara
Download Button	Yes
Related Post	Yes
Subscribe Box	Yes
Facebook Comment	Yes

bagaimana bagus bukan? jika ingin mencoba silahkan simak cara dibawah ini.

Cara Membuat Tabel Di Blog Seperti Arlinadzgn
copy kode berikut dan masukan di HTML blogger kalian kemudian taruh diatas kode </b:skin> atau </style>

/* Table Post */
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:10px;text-align:left;vertical-align:top;}
.post-body table tr th {border:1px solid #457fdf;font-weight:bold;color:#fff;padding:15px 10px;text-align:left;vertical-align:top;font-size:14px}
.post-body table th {background:#4285f4;}
.post-body table.tr-caption-container {border:1px solid #f1f1f1;}
.post-body table caption{border:none;font-style:italic;}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;}
.post-body table tr:nth-child(even) > td {background-color:#f9f9f9;}
.post-body table tr:nth-child(even) > td:hover {background-color:#fbfbfb;}
.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%}

jika sudah benar lalu simpan template

nah kemudian jika anda ingin memunculkan tabel tersebut di artikel anda tinggal masukan kode HTML dibawah ini dan rubah sesuai keinginan anda, ingat masukan kode ini di HTML saat menulis artikel ya.

sekian Cara Membuat Tabel Di Blog Seperti Arlinadzgn semoga bermanfaat dan jangan lupa berkomentar jika ada yang kurang paham, terimakasih telah membaca dan sampai jumpa di artikel selanjutnya..

JalanKaktus

Cara Membuat Tabel Di Blog Seperti Arlinadzgn

Gosdorxda

Artikel Terkait