Cara Mudah Buat Tabel di Blog

Cara Mudah Buat Tabel di Blog

Cara Mudah Buat Tabel di Blog

infoalya.com

.:infoalya.com:. Kali ini masih tentang tabel 😂 tapi yang satu ini jauh lebih mudah tanpa harus oprek oprek lagi, sebelum admin lanjutkan silahkan lihat dulu hasilnya dibawah ini yaa  👀


INI ADALAH CONTOH TABEL SEDERHANA
NO NAMA KELAS ALAMAT
URUT INDUK
1 2125 RINI VI Jl. BKR Pelajar No. 43 Surabaya
2 2126 AGUS VI Kompleks Perumnas Balongsari Tandes Surabaya
3 2127 YENI VI Jl. Gunung Anyar Timur No. 62 Surabaya
4 2128 VONI VI Jl. Kyai Tambak Deres No. 252 Surabaya
5 2129 YANWAR VI Jl. Raya Babat Jerawat No. 1A Surabaya

Pertama buat tabel di excel, jika sudah silahkan di seleksi seluruh tabel tersebut lalu copy
infoalya.com
Selanjutnya buka link https://www.tablesgenerator.com/ dan klik tab  HTML Table Berikutnya klik FilePaste Table Data

infoalya.com

Silahkan paste tabel yang telah diseleksi dan dicopy tadi kedalam box yang ada jika selesai klik Load Sampai disini silahkan atur tabel agar terlihat lebih rapi lalu silahkan scroll kebawah dan klik Generate lalu copy dan paste kode yang ada disana ke halaman posting.

Agar tabel menjadi responsive, silahkan temukan kode : <table class="tg"> atau <table class="tg" style="undefined;table-layout: fixed; width: 723px">

lalu ganti kode tersebut dengan kode dibawah ini :
<table class="tg" style="table-layout: fixed; width: 100%;"><tbody>

Jika terdapat kode seperti ini <col style="width: 40px"> silahkan ganti dengan kode ini <col style="width: 100%">atau ganti nilainya menjadi 100%

Share On:

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

[+] Silahkan tinggalkan komentar
[+] Berkomertarlah dengan santun
[+] Mohon tidak meninggalkan live link
[+] Terima kasih untuk komentar anda

https://infoalya.com

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - https://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Info Alya? Keep us running by whitelisting Info Alya in your ad blocker.

This is how to whitelisting Info Alya in your ad blocker.

Thank you!

×
×
×